CSS-Tricks

The official account for CSS-Tricks.com, a web design community powered by
DigitalOcean.

Everything: * { box-sizing: border-box; }
Website: https://css-tricks.com
Bluesky: https://bsky.app/profile/css-tricks.com
Twitter: https://twitter.com/css

Last Notes

2026-04-09 13:57:30 UTC

Select multiple dates on a calendar where the :nth-child()'s “n of selector” syntax does all the heavy lifting. Perfect example of CSS and JS working together in harmony.
https://css-tricks.com/selecting-a-date-range-in-css/
https://files.mastodon.social/media_attachments/files/116/375/088/395/163/332/original/e5d5c9ae63ea5505.mp4

2026-03-24 14:17:37 UTC

So, corner-shape can be animated. Notice the added sprinkle of color-contrast().
https://files.mastodon.social/media_attachments/files/116/284/574/902/031/256/original/a3434b22c863569f.mp4

2026-02-11 15:01:12 UTC

Here's a math-y way to approximate the contrast-color() function from @npub1rvx…uqye while we're waiting on full support.
https://css-tricks.com/approximating-contrast-color-with-other-css-features/

2025-12-19 16:08:31 UTC

Masonry Layout is Now grid-lanes
https://css-tricks.com/masonry-layout-is-now-grid-lanes/

2025-07-28 12:42:17 UTC

Making a Masonry Layout That Works Today by Zell Liew
https://css-tricks.com/making-a-masonry-layout-that-works-today/

2025-05-12 12:42:11 UTC

It's incredibly tough to find a CMS for static sites that is geared for non-techies, but @npub1ffz…uj38 found one he's pretty stoked about.
https://css-tricks.com/using-pages-cms-for-static-site-content-management/

2025-04-30 12:12:46 UTC

The article revisiting image maps that you didn't know you needed, courtesy of @npub12mr…ugzq.
https://css-tricks.com/revisiting-image-maps/

2025-04-24 12:49:43 UTC

Blackle Mori shows a few of the hacks from Cohost.org before the community shut down for good. Use these if you dare, lest you too get labelled a CSS criminal.
https://css-tricks.com/the-lost-css-tricks-of-cohost-org/

2025-02-26 16:07:15 UTC

Now that we're 5+ years into <details>, we know more about it than ever before. I thought I'd round that information up so it's in one place I can reference in the future without having to search the site — and other sites — to find it.
https://css-tricks.com/using-styling-the-details-element/

2024-11-04 15:06:20 UTC

- reply

Jake, we should work on an article together!

2024-10-25 14:08:21 UTC

A good deal of thorough and practical ways to use CSS light-dark() instead of preference queries brought to you by @npub1jpy…yfwv
https://css-tricks.com/come-to-the-light-dark-side/

2024-10-24 14:05:57 UTC

Lovely reminder from @npub1x59…gect that text wrapping works for more than text headings. https://css-tricks.com/you-can-use-text-wrap-balance-on-icons/

2024-09-27 15:24:08 UTC

Hey @npub1szd…5a79, thanks for inspiring me to revisit thoughts on content architecture! Always good to come back to that so often for a personal "reset". https://css-tricks.com/aggregating-my-distributed-self/

2024-08-23 13:16:23 UTC

I truly hope the only takeaway someone gets from all of the data @npub18vj…g4zy produced here is TO USE SEMANTICS ANCHORS OVER DIVS. Wonderful work, as always.
https://css-tricks.com/basic-keyboard-shortcut-support-for-focused-links/

2024-08-09 15:32:11 UTC

Welp, the cat's out of the bag...
https://css-tricks.com/css-chronicles-xlii/