This "sliding drawer" tutorial from @jhey.bsky.social is incredible. Learned 10 CSS and JS utilities I've never heard of. Like watching a professional street fighter use every combo perfectly 🔥
craftofui.substack.com/p/building-a...
craftofui.substack.com/p/building-a...
November 7, 2024 at 3:35 PM
This "sliding drawer" tutorial from @jhey.bsky.social is incredible. Learned 10 CSS and JS utilities I've never heard of. Like watching a professional street fighter use every combo perfectly 🔥
craftofui.substack.com/p/building-a...
craftofui.substack.com/p/building-a...
Continuing to add more real utilities and components to drop-in-graffiti.netlify.app
These are just css/html . No web components, no props, no config, just good base css and minimal classes.
These are just css/html . No web components, no props, no config, just good base css and minimal classes.
December 17, 2025 at 7:22 PM
Continuing to add more real utilities and components to drop-in-graffiti.netlify.app
These are just css/html . No web components, no props, no config, just good base css and minimal classes.
These are just css/html . No web components, no props, no config, just good base css and minimal classes.
🆕
BYO #CSS Tokens To
Tailwind v4 alpha's New CSS Centric Config
- basic v4 config setup
- customize font sizes, colors, shadows, easing
- add gradients
- setup adaptive utilities
nerdy.dev/BYO-CSS-toke...
BYO #CSS Tokens To
Tailwind v4 alpha's New CSS Centric Config
- basic v4 config setup
- customize font sizes, colors, shadows, easing
- add gradients
- setup adaptive utilities
nerdy.dev/BYO-CSS-toke...
March 18, 2024 at 5:06 AM
🆕
BYO #CSS Tokens To
Tailwind v4 alpha's New CSS Centric Config
- basic v4 config setup
- customize font sizes, colors, shadows, easing
- add gradients
- setup adaptive utilities
nerdy.dev/BYO-CSS-toke...
BYO #CSS Tokens To
Tailwind v4 alpha's New CSS Centric Config
- basic v4 config setup
- customize font sizes, colors, shadows, easing
- add gradients
- setup adaptive utilities
nerdy.dev/BYO-CSS-toke...
Big release for Tailwind CSS fans! Faster, simpler, and some new variants and utilities.
I love the movement to configure themes in CSS rather than JS
tailwindcss.com/blog/tailwin...
I love the movement to configure themes in CSS rather than JS
tailwindcss.com/blog/tailwin...
Tailwind CSS v4.0
We just released Tailwind CSS v4.0 — an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advant...
tailwindcss.com
January 23, 2025 at 1:00 PM
Big release for Tailwind CSS fans! Faster, simpler, and some new variants and utilities.
I love the movement to configure themes in CSS rather than JS
tailwindcss.com/blog/tailwin...
I love the movement to configure themes in CSS rather than JS
tailwindcss.com/blog/tailwin...
Looking forward to the new attr()
fylgja.dev/blog/native-...
#fylgjacss #css #tailwindcss #css-utilities
fylgja.dev/blog/native-...
#fylgjacss #css #tailwindcss #css-utilities
Native CSS Utilities
A look into how the new and improved CSS attr() function will change the way we write CSS utilities.
fylgja.dev
January 29, 2026 at 6:22 PM
Looking forward to the new attr()
fylgja.dev/blog/native-...
#fylgjacss #css #tailwindcss #css-utilities
fylgja.dev/blog/native-...
#fylgjacss #css #tailwindcss #css-utilities
My dream CSS framework:
⋅ CSS-in-TS
⋅ Composable utilities as fns `md(size(2))`
⋅ Plugins are just fns `custom(flex())`
⋅ Compiled to static CSS by default
⋅ Dynamic when needed `hover(prop)`
⋅ Class order matters
Maybe not possible?
⋅ CSS-in-TS
⋅ Composable utilities as fns `md(size(2))`
⋅ Plugins are just fns `custom(flex())`
⋅ Compiled to static CSS by default
⋅ Dynamic when needed `hover(prop)`
⋅ Class order matters
Maybe not possible?
February 7, 2026 at 2:13 PM
My dream CSS framework:
⋅ CSS-in-TS
⋅ Composable utilities as fns `md(size(2))`
⋅ Plugins are just fns `custom(flex())`
⋅ Compiled to static CSS by default
⋅ Dynamic when needed `hover(prop)`
⋅ Class order matters
Maybe not possible?
⋅ CSS-in-TS
⋅ Composable utilities as fns `md(size(2))`
⋅ Plugins are just fns `custom(flex())`
⋅ Compiled to static CSS by default
⋅ Dynamic when needed `hover(prop)`
⋅ Class order matters
Maybe not possible?
Here's a neat Tailwind v4 trick for easily applying overridable utilities without resorting to tailwind-merge or !important.
Simply create a custom variant that targets a base CSS layer 💯
Simply create a custom variant that targets a base CSS layer 💯
March 6, 2025 at 10:27 PM
Here's a neat Tailwind v4 trick for easily applying overridable utilities without resorting to tailwind-merge or !important.
Simply create a custom variant that targets a base CSS layer 💯
Simply create a custom variant that targets a base CSS layer 💯
In Tailwind CSS v4 a lot of utilities just let you put in any value you want now, like `col-start-71`, `z-43`, etc. so it's kind of weird to show a specific list of values in the API reference on the docs pages.
If I did something like this instead, is it clear enough?
If I did something like this instead, is it clear enough?
November 27, 2024 at 10:30 PM
In Tailwind CSS v4 a lot of utilities just let you put in any value you want now, like `col-start-71`, `z-43`, etc. so it's kind of weird to show a specific list of values in the API reference on the docs pages.
If I did something like this instead, is it clear enough?
If I did something like this instead, is it clear enough?
CSS Cascade Layers give you real control over specificity ⚡
Use @layer to define the order your styles are applied, no more specificity wars.
⋅ Base → components → utilities, in that order
⋅ Third-party styles? Layer them too
Learn more 👇
developer.mozilla.org/en-US/docs/...
Use @layer to define the order your styles are applied, no more specificity wars.
⋅ Base → components → utilities, in that order
⋅ Third-party styles? Layer them too
Learn more 👇
developer.mozilla.org/en-US/docs/...
@layer - CSS | MDN
The @layer CSS at-rule is used to declare a cascade layer and can also be used to define the order of precedence in case of multiple cascade layers.
developer.mozilla.org
March 10, 2026 at 7:00 AM
CSS Cascade Layers give you real control over specificity ⚡
Use @layer to define the order your styles are applied, no more specificity wars.
⋅ Base → components → utilities, in that order
⋅ Third-party styles? Layer them too
Learn more 👇
developer.mozilla.org/en-US/docs/...
Use @layer to define the order your styles are applied, no more specificity wars.
⋅ Base → components → utilities, in that order
⋅ Third-party styles? Layer them too
Learn more 👇
developer.mozilla.org/en-US/docs/...
Traditional Tailwind advice might advise against using `@apply` but @zellwk.bsky.social sees a lot more utility to it than meets the eye.
css-tricks.com/tailwinds-ap...
css-tricks.com/tailwinds-ap...
Tailwind's @apply Feature is Better Than it Sounds | CSS-Tricks
Most of the time, people showcase Tailwind's @apply feature with one of Tailwind's single-property utilities (which changes a single CSS declaration). When showcased this way, @apply doesn't sound pro...
css-tricks.com
April 10, 2025 at 12:42 PM
Traditional Tailwind advice might advise against using `@apply` but @zellwk.bsky.social sees a lot more utility to it than meets the eye.
css-tricks.com/tailwinds-ap...
css-tricks.com/tailwinds-ap...
Scrollbar Styling and Container Size Utilities in Tailwind CSS v4.3.0 laravel-news.com/scrollbar-st...
Scrollbar Styling and Container Size Utilities in Tailwind CSS v4.3.0 - Laravel News
Tailwind CSS v4.3.0 adds first-class scrollbar styling, a new @container-size utility, and expanded @variant syntax for more flexible custom CSS.
laravel-news.com
May 12, 2026 at 1:02 PM
Scrollbar Styling and Container Size Utilities in Tailwind CSS v4.3.0 laravel-news.com/scrollbar-st...
I've talked to many teams struggling with #CSS – still, after trying the branded answers: utilities! obscure-naming_conventions! frameworks!
You don't need all that.
Learn to work with the language. Need help? Schedule a call, or bring me in to tailor a plan: oddbird.dev/services/arc...
You don't need all that.
Learn to work with the language. Need help? Schedule a call, or bring me in to tailor a plan: oddbird.dev/services/arc...
Improve performance & reliability with Poetic CSS Architecture
Level up your team, improve your user experience, and scale with confidence
oddbird.dev
September 24, 2025 at 7:58 PM
I've talked to many teams struggling with #CSS – still, after trying the branded answers: utilities! obscure-naming_conventions! frameworks!
You don't need all that.
Learn to work with the language. Need help? Schedule a call, or bring me in to tailor a plan: oddbird.dev/services/arc...
You don't need all that.
Learn to work with the language. Need help? Schedule a call, or bring me in to tailor a plan: oddbird.dev/services/arc...
Tailwind CSS v4.1 is out with new text-shadow-* utilities, mask-* utilities for masking elements, and improved browser compatibility. Check it out: tailwindcss.com/blog/tailwin...
#TailwindCSS #CSS #WebDev #Frontend
#TailwindCSS #CSS #WebDev #Frontend
Tailwind CSS v4.1: Text shadows, masks, and tons more
I wasn't sure it would ever happen but we did it — we released a version of Tailwind CSS that includes text shadow utilities. Tailwind CSS v4.1 is here and it's packed with improvements that will help...
tailwindcss.com
April 16, 2025 at 3:54 PM
Tailwind CSS v4.1 is out with new text-shadow-* utilities, mask-* utilities for masking elements, and improved browser compatibility. Check it out: tailwindcss.com/blog/tailwin...
#TailwindCSS #CSS #WebDev #Frontend
#TailwindCSS #CSS #WebDev #Frontend
Ayyyy! Just released 1.0 of my take on an opinionated CSS framework. varde.variant.dev/docs/
Look, I love packages, but isn't it something magical about just referring to a CSS file? To get fonts, colors and utilities. It's probably not a design system, but it certainly is the foundation of one.
Look, I love packages, but isn't it something magical about just referring to a CSS file? To get fonts, colors and utilities. It's probably not a design system, but it certainly is the foundation of one.
Varde
varde.variant.dev
September 18, 2026 at 12:59 PM
Ayyyy! Just released 1.0 of my take on an opinionated CSS framework. varde.variant.dev/docs/
Look, I love packages, but isn't it something magical about just referring to a CSS file? To get fonts, colors and utilities. It's probably not a design system, but it certainly is the foundation of one.
Look, I love packages, but isn't it something magical about just referring to a CSS file? To get fonts, colors and utilities. It's probably not a design system, but it certainly is the foundation of one.
#Development #Releases
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more ilo.im/16cvu1 by Adam Wathan and Robin Malfait
_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more ilo.im/16cvu1 by Adam Wathan and Robin Malfait
_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS
Tailwind CSS v4.3: Scrollbars, new colors, and more
Tailwind CSS v4.3 is here with first-party scrollbar styling, even more logical property utilities, new zoom and tab-size utilities, better @variant support, and all the v4.2 stuff we shipped while forgetting...
ilo.im
May 13, 2026 at 12:36 AM
#Development #Releases
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more ilo.im/16cvu1 by Adam Wathan and Robin Malfait
_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more ilo.im/16cvu1 by Adam Wathan and Robin Malfait
_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS
The upcoming `attr()` function might change how we handle utility styles.
Explore how we could move from generated CSS classes to native browser capabilities.
{ author: @grimlink.bsky.social }
dev.to/fylgja/nativ...
Explore how we could move from generated CSS classes to native browser capabilities.
{ author: @grimlink.bsky.social }
dev.to/fylgja/nativ...
Native CSS Utilities
With every passing year, CSS becomes more powerful. The last few have brought amazing additions that...
dev.to
February 5, 2026 at 4:42 PM
The upcoming `attr()` function might change how we handle utility styles.
Explore how we could move from generated CSS classes to native browser capabilities.
{ author: @grimlink.bsky.social }
dev.to/fylgja/nativ...
Explore how we could move from generated CSS classes to native browser capabilities.
{ author: @grimlink.bsky.social }
dev.to/fylgja/nativ...
I dunno. These days there's so many overwhelming builders and whatnot, it's kinda nice to hear that really?
HTML are the wooden house frames
Javascript is the insulation + various utilities
And CSS is the overall aesthetic.
HTML are the wooden house frames
Javascript is the insulation + various utilities
And CSS is the overall aesthetic.
June 8, 2026 at 12:47 AM
I dunno. These days there's so many overwhelming builders and whatnot, it's kinda nice to hear that really?
HTML are the wooden house frames
Javascript is the insulation + various utilities
And CSS is the overall aesthetic.
HTML are the wooden house frames
Javascript is the insulation + various utilities
And CSS is the overall aesthetic.
I added the last major feature for the MVP of Barnacles. Utilities: small but useful tools for everyday development. Started with CSS color converter, Tailwind style color shades generator, and an exif viewer/eraser.
Next phase is stability and polish
#BuildInPublic #WebDevelopment #css
Next phase is stability and polish
#BuildInPublic #WebDevelopment #css
October 31, 2025 at 7:34 PM
I added the last major feature for the MVP of Barnacles. Utilities: small but useful tools for everyday development. Started with CSS color converter, Tailwind style color shades generator, and an exif viewer/eraser.
Next phase is stability and polish
#BuildInPublic #WebDevelopment #css
Next phase is stability and polish
#BuildInPublic #WebDevelopment #css
Tailwind CSS is a popular CSS framework that helps you quickly create modern web layouts. In this course, you'll level up your Tailwind skills by building a project. You'll learn about the config object, text utilities, gradients, transitions, and more.
https://buff.ly/3BE5k7V
https://buff.ly/3BE5k7V
January 27, 2025 at 5:01 PM
Tailwind CSS is a popular CSS framework that helps you quickly create modern web layouts. In this course, you'll level up your Tailwind skills by building a project. You'll learn about the config object, text utilities, gradients, transitions, and more.
https://buff.ly/3BE5k7V
https://buff.ly/3BE5k7V
jCountdown Mega Package for WordPress
https://code.stylelib.org/?p=72544
#codecanyon #css #javascript #jquery #utilities #wordpress
https://code.stylelib.org/?p=72544
#codecanyon #css #javascript #jquery #utilities #wordpress
July 13, 2026 at 3:15 AM
jCountdown Mega Package for WordPress
https://code.stylelib.org/?p=72544
#codecanyon #css #javascript #jquery #utilities #wordpress
https://code.stylelib.org/?p=72544
#codecanyon #css #javascript #jquery #utilities #wordpress
CSS Frameworks
CSS frameworks like Bootstrap, Foundation, and TailwindCSS offer pre-styled components and utilities that make web development faster and more consistent.
7/19
CSS frameworks like Bootstrap, Foundation, and TailwindCSS offer pre-styled components and utilities that make web development faster and more consistent.
7/19
September 21, 2023 at 11:24 AM
CSS Frameworks
CSS frameworks like Bootstrap, Foundation, and TailwindCSS offer pre-styled components and utilities that make web development faster and more consistent.
7/19
CSS frameworks like Bootstrap, Foundation, and TailwindCSS offer pre-styled components and utilities that make web development faster and more consistent.
7/19
Any.digital is back to #OpenSource!
Drupal Tweme 🎨 (2012)
... used on MariaDB.org in 2015
Drupal Bricks 🧱 (2014)
... used on Smartsheet.com since 2019
Float Label CSS 📋 (2016)
... used by Gov.bc.ca in 2018
Blades.ninja 🥷 (2026)
... featuring Pico fork and @11ty.dev plugin. Let's see!
#WebDev
Drupal Tweme 🎨 (2012)
... used on MariaDB.org in 2015
Drupal Bricks 🧱 (2014)
... used on Smartsheet.com since 2019
Float Label CSS 📋 (2016)
... used by Gov.bc.ca in 2018
Blades.ninja 🥷 (2026)
... featuring Pico fork and @11ty.dev plugin. Let's see!
#WebDev
Blades | Framework-agnostic, class-light CSS utilities
Framework-agnostic, class-light CSS utilities
Use with Tailwind, Bootstrap, Pico, Simple, or any other reset/framework.
Blades.ninja
April 24, 2026 at 1:01 AM
Any.digital is back to #OpenSource!
Drupal Tweme 🎨 (2012)
... used on MariaDB.org in 2015
Drupal Bricks 🧱 (2014)
... used on Smartsheet.com since 2019
Float Label CSS 📋 (2016)
... used by Gov.bc.ca in 2018
Blades.ninja 🥷 (2026)
... featuring Pico fork and @11ty.dev plugin. Let's see!
#WebDev
Drupal Tweme 🎨 (2012)
... used on MariaDB.org in 2015
Drupal Bricks 🧱 (2014)
... used on Smartsheet.com since 2019
Float Label CSS 📋 (2016)
... used by Gov.bc.ca in 2018
Blades.ninja 🥷 (2026)
... featuring Pico fork and @11ty.dev plugin. Let's see!
#WebDev
Lots. I overhauled so many things that I’m writing CSS in an extremely different way.
- Started using some Tailwind
- Built many utilities (think mixins)
- Use those utilities in many areas
- Took advantage of CSS Layers
- And more
- Started using some Tailwind
- Built many utilities (think mixins)
- Use those utilities in many areas
- Took advantage of CSS Layers
- And more
April 30, 2025 at 8:02 AM
Lots. I overhauled so many things that I’m writing CSS in an extremely different way.
- Started using some Tailwind
- Built many utilities (think mixins)
- Use those utilities in many areas
- Took advantage of CSS Layers
- And more
- Started using some Tailwind
- Built many utilities (think mixins)
- Use those utilities in many areas
- Took advantage of CSS Layers
- And more
The PR was just merged 🎉
Add functional utility syntax by RobinMalfait · Pull Request #15455 · tailwindlabs/tailwindcss
This PR adds support for functional utilities constructed via CSS.
Registering functional utilities in CSS
To register a functional utility in CSS, use the @utility potato-* syntax, where the -* si...
github.com
January 9, 2025 at 1:59 AM
The PR was just merged 🎉