I'm building my own component library for #Phoenix #LiveView. It will be called "Voun", which means "humus" in Réunion Creole. It's a great opportunity to refactor the components of @brinjel, leveraging the modern features of #CSS.
For example, we can display a check or warning icon in input fields using only CSS pseudoelements `:user-valid` and `:user-invalid`.
Tailwind had to lay off 75% of their employees.
Maybe it's time to (re)learn #CSS. It is more powerful than ever. Libraries come and go, the web platform is not going anywhere.
Tailwind had to lay off 75% of their employees.
Maybe it's time to (re)learn #CSS. It is more powerful than ever. Libraries come and go, the web platform is not going anywhere.
CSS `font-variant-emoji`, https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-variant-emoji.
Didn't know about this one. Pretty handy to render emojis as their text variations, or emoji variations.
While #Mozilla wants to put even more #AI features into their #browser that nobody wants...
https://blog.mozilla.org/en/mozilla/leadership/mozillas-next-chapter-anthony-enzor-demeo-new-ceo/
...#Servo has just implemented parallel #CSS parsing 🚀
Main PR for this change:
https://github.com/servo/servo/pull/40639
A lot of other stuff has happened in the Servo project during November - check it out:
https://servo.org/blog/2025/12/15/november-in-servo/
While #Mozilla wants to put even more #AI features into their #browser that nobody wants...
https://blog.mozilla.org/en/mozilla/leadership/mozillas-next-chapter-anthony-enzor-demeo-new-ceo/
...#Servo has just implemented parallel #CSS parsing 🚀
Main PR for this change:
https://github.com/servo/servo/pull/40639
A lot of other stuff has happened in the Servo project during November - check it out:
https://servo.org/blog/2025/12/15/november-in-servo/
CSS `font-variant-emoji`, https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-variant-emoji.
Didn't know about this one. Pretty handy to render emojis as their text variations, or emoji variations.
A fun little CSS generator I intend to show my students - metallic efects.
https://design.dev/tools/metallic-effect-generator/?ref=sidebar
A fun little CSS generator I intend to show my students - metallic efects.
https://design.dev/tools/metallic-effect-generator/?ref=sidebar
I am generally flexible when it comes to coding styles and conventions, but I simply cannot stand `!important` in CSS. If there's anything I can do to prevent that, I shall. I fucking shall. It's my hill to die on.
I am generally flexible when it comes to coding styles and conventions, but I simply cannot stand `!important` in CSS. If there's anything I can do to prevent that, I shall. I fucking shall. It's my hill to die on.
Tailwind is the Worst of All Worlds, https://colton.dev/blog/tailwind-is-the-worst-of-all-worlds/.
The article explains why Tailwind (https://tailwindcss.com/) is based on and encourages bad practices, which creates more maintenance burden and larger bundles. The article also explains why Tailwind met success and what other better tools should learn from that.
Tailwind is the Worst of All Worlds, https://colton.dev/blog/tailwind-is-the-worst-of-all-worlds/.
The article explains why Tailwind (https://tailwindcss.com/) is based on and encourages bad practices, which creates more maintenance burden and larger bundles. The article also explains why Tailwind met success and what other better tools should learn from that.
Minimal CSS-only blurry image placeholders, https://leanrada.com/notes/css-only-lqip/.
Pretty clever!
The author represents Low Quality Image Placeholders (LQIP) by integers (20 bits long) then use CSS Math operators to do bitwise operations and extract some values to generate this blurry effect (based on 6 circles, 1 solid background image, and blend everything together with a blur filter). I love it. 100% CSS, no JS required. Of course, there is a first step consisting at generating this integer.
lightningcss, https://github.com/parcel-bundler/lightningcss.
> An extremely fast CSS parser, transformer, and minifier written in Rust. Use it with Parcel, as a standalone library or CLI, or via a plugin with any other tool.
I've tried it on my site (https://mnt.io) with the CLI binary: the minifier is indeed compressing more than postcss. Pretty impressive. It's also faster, as expected.
Minimal CSS-only blurry image placeholders, https://leanrada.com/notes/css-only-lqip/.
Pretty clever!
The author represents Low Quality Image Placeholders (LQIP) by integers (20 bits long) then use CSS Math operators to do bitwise operations and extract some values to generate this blurry effect (based on 6 circles, 1 solid background image, and blend everything together with a blur filter). I love it. 100% CSS, no JS required. Of course, there is a first step consisting at generating this integer.
It's no small thing, CSS can now do carousels natively, with no javascript.
"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.
Even more impressive is the accessibility story.
Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."
It's no small thing, CSS can now do carousels natively, with no javascript.
"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.
Even more impressive is the accessibility story.
Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."
lightningcss, https://github.com/parcel-bundler/lightningcss.
> An extremely fast CSS parser, transformer, and minifier written in Rust. Use it with Parcel, as a standalone library or CLI, or via a plugin with any other tool.
I've tried it on my site (https://mnt.io) with the CLI binary: the minifier is indeed compressing more than postcss. Pretty impressive. It's also faster, as expected.
