Prismic.io has published a collection of lists for many types of css/javascript/svg driven animations to enhance your web apps' user experience. Each example includes real-world use cases and clear code examples in the appropriate languages.
The collection includes:
1. Text Animations
2. Hover Effects
3. Button Animations
4. Background Effects, and
5. Image Effects
"CSS Animation Collection: 150+ Examples & Code"
I'm really practical. First the idea, then the implementation. Techniques are just tools, albeit powerful ones #html #css #javascript #php #svg
I'm currently reading John Green's book and I'm really enjoying it... so I took a stab at recreating the cover with a CSS twist.
I love looking at people's website source code, especially when I stumble across cool things like this:
view-source:https://www.write-on.org/
We're giving away a free ticket to the CSS Layout Workshop. To be entered in the drawing, comment below with…
- A question you have about CSS layout
- Or a fun demo, trick, or snippet of CSS
The winner will be announced on Friday, April 18!
If you don't know, my CSS Tip website is open to advertisers. Don't miss the opportunity to promote your product and support my work!
Reach a wide audience of passionate web developers (~14.000 active users per month) starting from 150$/month.
I really, really miss the CSSEdit app from I think it was MacRabbit. Yes, there are browser tools, but they just aren't as good as it was.
There's Espresso, but it's also abandoned, I think.
Any suggestions out there for a *good* Mac-friendly CSS editor?
New Kitten release
• Fix: messages that are promises are properly awaited before being sent.
Kitten automatically and transparently handles asynchronous content in your templates for you so you don’t have to worry about it. One place where this wasn’t working properly is if you addressed `this.component` to stream a custom update of your component manually instead of calling the `this.update()` method of Kitten component instances.
e.g.,
```js
export default class AdminPage extends kitten.Page {
// …
onSelectedPost (data) {
this.send(kitten.html`<${this.component} postId='${data.selectedPost.postId}' />`)
}
}
```
Dear browser makers, please fix LCH. The promise of LCH was that the L could be trusted: no matter what the hue is, the lightness would always be the same perceived lightness. In your current implementations this is completely broken. It’s even worse than HSL
☞ https://issues.chromium.org/issues/40909194
A fun little scroll-driven thing I made. The text is white over the image, but the image isn't static, it rotates on scroll. 
Here's a detailed explanation of the how behind https://www.reddit.com/r/css/comments/1jyu76v/comment/mn2fibt/
Live on @codepen https://codepen.io/thebabydino/pen/dPPbmao
Also uses container queries, CSS trigonometric functions.
DIVI: Ribbon / Bändchen über Bilder legen [DIVI Anleitung / WordPress / CSS]
https://www.chefblogger.me/2021/04/08/divi-ribbon-baendchen-ueber-bilder-legen-divi-anleitung-wordpress-css/?utm_source=mastodon&utm_medium=social
#css #divi #webdesign
I have made a small interactive demo to better see how flex-wrap affects the alignment and also see the difference between align-content and align-items.
Web Development recap for week 15/2025
https://discu.eu/weekly/webdev/2025/15/
#css #javascript #nodejs #programming #typescript #webassembly #webdev
Get RSS feeds and support this bot with the premium plan: https://discu.eu/premium
In the history of CSS has anyone ever been able to justify a z-index higher than a single figure?
When you use a third-party tool and they hard-code the z-index to something like 9999. Surely that's for the page developer to decide?
"CSS logical properties" implies the existence of "CSS illogical properties".
(They're really "physical properties", but still... they're generally illogical to use now that we have logical properties.)
Do you know the flex-wrap property? It allows flex items to wrap but it has another "secret" behavior not related to wrapping.
Many are not aware of this hidden functionality but it is never too late to learn about it!
The forth talk from #SotB2025 @matuzo - Color in CSS: How I learned to disrespect Tennis.
Is now avaliable for your viewing pleasure.
https://2025.stateofthebrowser.com/speaker/manuel-matuzovic/
#CSS #Color #OKLAB #OKLCH #ColorSpaces
New comiCSS cartoon: Type of GitHub users
https://comicss.art/comics/180/
Is there a pure #CSS way to force scroll to the next snap point in the scroll direction exactly (not remain at current one, not skip), regardless of how much was scrolled?
