Related posts

Web designer and writer; founded A List Apart and Happy Cog, co-founded the An Event Apart conference, and wrote Designing With Web Standards.

• MastodonModern Font Stacks: System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes; just instant renders.

  modernfontstacks.com

  CSSRelated

• BlueskyModern Font Stacks: System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes; just instant renders.

  modernfontstacks.com

  CSSRelated

British open-standards and open-source technologist, formerly of the UK Government Digital Service and the W3C Advisory Committee. Blogs at shkspr.mobi, where he posts a book review most weeks.

• Class Warfare! Can I eliminate CSS classes from my HTML?

  shkspr.mobi

  CSSRelated

Programmer, writer and musician; author of the Learn Code the Hard Way books and of Mongrel, the Ruby web server.

• Me whenever I use OpenGL or CSS:

  CSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• I made this floating-scrollbar #CSS demo as the result of a discussion we had in today’s Front-End Study Hall: https://codepen.io/editor/meyerweb/pen/01a0b0bd-0100-750d-8c24-745f6318896d I don’t know if it’s actually a good idea to do something like this (probably not), and it has a few styling limitations (no drop shadows or glows), but it was interesting to try to hit a design brief with clipping paths and the relatively new `shape()` value.

  CSSRelated

Economics professor at George Mason University and author of The Myth of the Rational Voter, Selfish Reasons to Have More Kids, The Case Against Education and Open Borders. Writes Bet On It.

• "When neurotics turn to politics, they find an infinite series of reasons to feel bad, which helps them stay one step ahead of the realization that their fundamental problem is inside their own heads and can be fixed by no one but themselves."

  betonit.ai

  Related

Web designer and writer; founded A List Apart and Happy Cog, co-founded the An Event Apart conference, and wrote Designing With Web Standards.

• Bit o’ nostalgia for the old folks: A List Apart in 2002. (Design, art direction, and early CSS layout by yours truly, with a technical assist on the CSS from Tantek Çelik and Todd Fahrner, who were always smarter than me.)

  CSSRelated

Canadian full-stack web developer who makes JavaScript and CSS video courses and co-hosts the Syntax podcast.

• Has webkit ever kept CSS features under wraps until after an Apple product announcement? I can't find a single trace of anything related to viewport-segments or the device posture API coming to safari - aside from the failing WPT Could we see these APIs in the new xcode sim, or am I dreaming?

  CSSRelated

Web designer and writer; founded A List Apart and Happy Cog, co-founded the An Event Apart conference, and wrote Designing With Web Standards.

• Bit o’ nostalgia for the old folks: A List Apart in 2002. (Design, art direction, and pioneering CSS layout by yours truly, with a technical assist on the CSS from @tantek and @toddfahrner who were always smarter than me.)

  CSSRelated

Criminal defence lawyer in New York; writes Simple Justice, mostly about how criminal law works in practice rather than in theory.

• We Found The Vandal

  It will come as little surprise that the $14,700,000 “repair” of the Lincoln Memorial Reflecting Pool was the product of two failures. The first was the typical Trump rush to get this “signature” fix completed before th…

  Related

Statistician and software engineer who writes R packages for reproducible research and publishing, including knitr, bookdown and blogdown.

• hugo-prose — A Hugo theme derived from the XMin theme, and inspired by Wowchemy, Distill, and tufte.css

  CSSRelated

Front-end web developer at Paravel and co-host of the ShopTalk Show podcast; blogs at daverupert.com.

• microlighter — A zero-dep syntax highlighter that uses the CSS Highlights API

  CSSRelated

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• bootstrap-icons-css — Bootstrap Icons as CSS Variables

  CSSRelated

Full-stack developer, creator of Tailwind CSS; writes at adamwathan.me and makes courses and screencasts for web developers.

• Fun piece of history — Tailwind was extracted from a hosted checkout product I was working on back in 2017. Sort of poetic to end up at Shopify almost 10 years later!

  CSSRelated

Software engineer in Chicago; writes the cassidoo.co blog and a weekly developer newsletter.

• Did a little CSS speedrun experiment (thanks @lea.verou.me for putting it on my feed)!

  codepen.io

  CSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• #CSS Working Group currently discussing ways to deal with “the Hampster Dance problem”.

  CSSRelated

Full-stack developer, creator of Tailwind CSS; writes at adamwathan.me and makes courses and screencasts for web developers.

• Big one today — Tailwind is joining Shopify 🛍️

  CSSRelated

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• phosphor-icons-css-vars — A 100% pure CSS icon implementation using CSS custom properties and SVG masks for Phosphor Icons

  CSSRelated

German web developer, writer and conference speaker. Publishes the Web Weekly newsletter and blogs about the web platform at stefanjudis.com.

• Web Weekly #199 (#blogPost)

  Guten Tag! Guten Tag! 👋 Do you know how Interop 2026 is doing right now? Will you use the new CSS progress() function? And do you know how ESM module resolution really works? Turn on the Web Weekly tune and find some a…

  CSSRelated

Librarian, technology instructor and writer in rural Vermont; longtime community manager at MetaFilter and author of a book on the digital divide.

• Friday afternoon reminder to not empty your inbox at the expense of someone else's. I'm deep in my Massachusetts visit, becoming one of those people who can't look at a place without remembering what used to be there. My birthday is tomorrow, so there are all sorts of opportunities for reflecting and remembering. Oh and I guess it's a holiday weekend in the US, so maybe schedule those emails for Tuesday. Image credit: Library of Congress, on Flickr Commons

  flickr.com

  Related

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• popover-css-inspector — A CSS Inspector for Bootstrap Popovers

  CSSRelated

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• sender-brand-icon-avatars-for-email — The .CSV used to generate the CSS for Sender Avatar Icons Browser Extension

  CSSRelated

• bootstrap-forced-colors-css — Improves the accessibility of Bootstrap 5 for Windows users using High Contrast themes

  CSSRelated

Indonesian software engineer, educator and engineering manager at Zero One Group; open-source enthusiast writing at ripandis.com.

• vite-solid-template — Everything you need to build a Solid project, powered by Solid Start and Tailwind CSS.

  CSSRelated

Journalist; wrote We Are Eating the Earth on food and climate, and writes the newsletter Emissions.

• Reflecting on the Reflecting Pool, and Whether Our Government Can Manage a Two-Car Funeral

  Corruption, weaponization, and politicization are all bad. But don't forget incompetence!

  governmentRelated

Mac and iOS developer; created NetNewsWire and MarsEdit, co-created the JSON Feed format, and blogs at inessential.com.

• inessential.com — The templates, CSS, pages, and posts that make up my blog at inessential.com.

  CSSRelated

Full-stack developer, creator of Tailwind CSS; writes at adamwathan.me and makes courses and screencasts for web developers.

• Last site on earth I expected to be a Tailwind site 😄

  CSSRelated

Writes jvns.ca, turning "hard and scary" topics — networking, debugging, Linux internals — into plain explanations and hand-drawn comics. Publishes Wizard Zines, illustrated programming zines. Software developer based in Montreal.

• poll: when you first learned linux/unix, did you use (you can pick more than one): (not looking for extra details right now, I'm just reflecting on the role of "free internet resources" recently)

  LinuxRelated

Full-stack developer, creator of Tailwind CSS; writes at adamwathan.me and makes courses and screencasts for web developers.

• Wait until you see what you can do when using the same CSS file to style different HTML files 🧠
  Quoting@jmddotfm@sheherenow_ You're telling me its the same markup structure, with totally different designs????

  CSSRelated

German web developer, writer and conference speaker. Publishes the Web Weekly newsletter and blogs about the web platform at stefanjudis.com.

• Web Weekly #197 (#blogPost)

  Guten Tag! Guten Tag! 👋 Are you ready for the closedby attribute? Will you measure elements with containertiming? And do you use CSS infinity? Turn on the Web Weekly tune and find some answers below. Enjoy! ::: song by…

  CSSRelated

German web developer, writer and conference speaker. Publishes the Web Weekly newsletter and blogs about the web platform at stefanjudis.com.

• Web Weekly #196 (#blogPost)

  Guten Tag! Guten Tag! 👋 Do you know what shipped in the new JavaScript version? Do you know about all the fancy anchor positioning features yet? And do you use CSS zoom? Turn on the Web Weekly tune and find some answer…

  JavaScriptCSSRelated

Indonesian software engineer, educator and engineering manager at Zero One Group; open-source enthusiast writing at ripandis.com.

• tanstart — This is funstack, a starter template featuring TanStack libs (Start, Query, DevTools), Tailwind CSS, TypeScript, and Vite. Build for fun.

  TypeScriptCSSRelated

Writer of Lenny's Newsletter and host of Lenny's Podcast, covering product, growth and career in tech. Previously a product lead at Airbnb. Also an angel investor and advisor.

• Adam Mosseri: AI is a tailwind for authenticity

  CSSRelated

Software engineer in Chicago; writes the cassidoo.co blog and a weekly developer newsletter.

• An animated radial gradient mask over text in CSS

  Here's a technical walkthrough of how I made a fun little demo to mask some text in a clever way with CSS.

  CSSRelated

German web developer, writer and conference speaker. Publishes the Web Weekly newsletter and blogs about the web platform at stefanjudis.com.

• Web Weekly #194 (#blogPost)

  Guten Tag! Guten Tag! 👋 Did you keep track of the new Safari features? Do you know how to style CSS gaps? And do you worry about the future of the web? Turn on the Web Weekly tune and find some answers below. Enjoy! ::…

  CSSRelated

Indian software engineer and co-founder of Skcript; builds web apps and writes at varunraj.in.

• anbagam-ngo — Anbagam NGO website — meal donation via UPI. Built with Next.js, Tailwind, shadcn/ui.

  CSSRelated

Writes jvns.ca, turning "hard and scary" topics — networking, debugging, Linux internals — into plain explanations and hand-drawn comics. Publishes Wizard Zines, illustrated programming zines. Software developer based in Montreal.

• it's cool to read other people's takes on how to organize their CSS
  Quoting@desertthunder.devI also tried to distill my learnings as a reusable reference for myself here: garden.desertthunder.dev/ux/css/ Shout out to @b0rk.jvns.ca for being a good teacher

  CSSRelated

Chilean web engineer building web experiences since 2006; co-founder of Media Creators and writes at iolivares.com.

• blog-cms-nextjs — Blog CMS construido con Next.js, TypeScript y Tailwind CSS

  TypeScriptCSSRelated

Writes jvns.ca, turning "hard and scary" topics — networking, debugging, Linux internals — into plain explanations and hand-drawn comics. Publishes Wizard Zines, illustrated programming zines. Software developer based in Montreal.

• this looks super cool, i like how in open-props-ui.netlify.app/html/compone... you can literally copy and paste all the html/css for that component (minus the base theme stuff) and it seems like a reasonable size
  Quoting@chriscoyier.net"Like if shadcn and Open Props had a baby." open-props-ui.netlify.app/html/

  CSSRelated

German web developer, writer and conference speaker. Publishes the Web Weekly newsletter and blogs about the web platform at stefanjudis.com.

• Web Weekly #192 (#blogPost)

  Guten Tag! Guten Tag! 👋 Have you heard of the new HTML element? Do you use round() in your CSS? And do you cancel requests with AbortSignal.timeout? Turn on the Web Weekly tune and find some answers below. Enjoy! ::: s…

  CSSRelated

Writes jvns.ca, turning "hard and scary" topics — networking, debugging, Linux internals — into plain explanations and hand-drawn comics. Publishes Wizard Zines, illustrated programming zines. Software developer based in Montreal.

• moving away from tailwind, and learning to structure my CSS

  jvns.ca

  CSSRelated

Writes jvns.ca, turning "hard and scary" topics — networking, debugging, Linux internals — into plain explanations and hand-drawn comics. Publishes Wizard Zines, illustrated programming zines. Software developer based in Montreal.

• Moving away from Tailwind, and learning to structure my CSS

  Hello! 8 years ago, I wrote excitedly about discovering Tailwind. At that time I really had no idea how to structure my CSS code and given the choice between a pile of complete chaos and Tailwind, I was really happy to…

  CSSRelated

Writes jvns.ca, turning "hard and scary" topics — networking, debugging, Linux internals — into plain explanations and hand-drawn comics. Publishes Wizard Zines, illustrated programming zines. Software developer based in Montreal.

• Blueskylinks to css colour palettes jvns.ca/blog/2026/05... (from a discussion over on mastodon)

  CSSRelated

• BlogLinks to CSS colour palettes

  A while back I decided to stop using Tailwind for new projects and to just write vanilla CSS instead. But one thing I missed about Tailwind was the colour palette (here as CSS). If I wanted a light blue I could just use…

  CSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• Canvas-ing the Web

  A practical use case for rendering HTML+CSS to a canvas, an emerging API being previewed in Chrome.

  CSSRelated

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• Bootstrap Icons as CSS variables

  Using icon fonts in HTML markup is still very popular, despite their many drawbacks. Using them means even if you only use a single icon, you still need to load the font file and the CSS for that entire icon set which c…

  CSSRelated

Software engineer in Chicago; writes the cassidoo.co blog and a weekly developer newsletter.

• A history of styling choices leading to native CSS

  How I switched from Less to Sass to CSS Modules to PostCSS nested and nesting to finally, at last, using pure CSS.

  CSSRelated

Software engineer in Chicago; writes the cassidoo.co blog and a weekly developer newsletter.

• Making art with CSS gradients and corner-shape and skew, oh my

  I combined some fun CSS techniques to make a little diving board drawing!

  CSSRelated

Indian software developer and prolific blogger on PHP, Laravel and JavaScript; open-source enthusiast publishing near-daily at amitmerchant.com.

• One CSS Property That Makes Numbers Look Instantly Better

  When you’re working with fonts, especially for displaying numbers, there’s something called proportional spacing that can make a huge difference in how your numbers look when they’re animated.

  CSSRelated

Software engineer in Chicago; writes the cassidoo.co blog and a weekly developer newsletter.

• HTML-CSS-Tutorial — Tutorial for HTML and CSS

  CSSRelated

Moroccan senior frontend developer writing at smakosh.com; builds side projects and client work under Smakosh LLC.

• gradient-craft — 🎨 Beautiful CSS gradient generator. Click to copy.

  CSSRelated

Brazilian software engineer, creator and maintainer of GoReleaser; works on Copilot CLI at GitHub. Writes about tooling and his setup at carlosbecker.com.

• Doing less, for her

  My daughter will be born soon, and I’m reflecting on what that means for my open-source work.

  Related

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• Bootstrap 5 CSS Breakpoint Indicator

  When working on Bootstrap projects I often find myself wanting to quickly see the current CSS breakpoint. I created a simple CSS snippet that shows the current Bootstrap CSS breakpoint in the browser’s viewport. I…

  CSSRelated

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• Building a Bootstrap Modal with the dialog HTML element

  Continuing my series of posts on building Bootstrap components using just CSS and native HTML elements, this post demonstrates how to create a Bootstrap modal dialog using the <dialog> HTML element. The <dialog> element…

  CSSRelated

Indian software developer and prolific blogger on PHP, Laravel and JavaScript; open-source enthusiast publishing near-daily at amitmerchant.com.

• One CSS Trick to Eliminate Scrollbar Layout Shifts

  When a webpage’s content exceeds the viewport height, browsers typically introduce a vertical scrollbar. This can lead to layout shifts, especially when navigating between pages or toggling content visibility, as the pr…

  CSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• Custom Asidenotes

  In which I turn inline asides into robustly enhanced sidenotes with CSS and just a touch of JS.

  CSSRelated

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• Building a Bootstrap Accordion with the details/summary HTML tags in 2025

  A few years ago I wrote a short post about building a Bootstrap accordion using the <details> and <summary> HTML tags. The idea was to create a collapsible accordion without needing any JavaScript, relying solely on CSS…

  JavaScriptCSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• To Infinity… But Not Beyond!

  More explorations of ways to abuse the CSS `infinity` keyword, this time with more than just lengths.

  CSSRelated

British front-end web developer based in Japan; writes about HTML, CSS, web performance and browser tooling at christianoliff.com.

• Safari Wishlist (2025)

  The Safari browser has come a long way in recent years, but there are still a few CSS/HTML features that I&rsquo;d like to see added that would make it even better for web developers and users alike. I&rsquo;ve previous…

  CSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• Masonry, Item Flow, and… GULP?

  Masonry layout is a difficult thing to do with CSS at present. Item Flow could make it easy.

  CSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• CSS Naked Day 2025

  meyerweb.com goes au naturel, mostly, in observance of the annual CSS Naked Day.

  CSSRelated

Full-stack Laravel developer based in Madison, Wisconsin; maintains open-source Laravel, Livewire and Alpine.js packages and writes at randallwilk.dev.

• laravel-form-components — Form components built for Tailwind & Livewire.

  CSSRelated

Co-founder of Superlogical, started in 2026 to build server-side terminal infrastructure; creator of Ghostty. Co-founded HashiCorp and created Vagrant and Terraform before that.

• Ghostty: Reflecting on Reaching 1.0

  Related

Programmer and teacher; writes on software, learning and the web, and makes the Coding Blocks video course.

• I wish your bespoke React-Tailwind-etc static site generator had RSS

  I discover and curate dozens of blogs every day while working on Minifeed. The blogging is far from dead, there are SO many blogs out there! Sadly, lots of blogs don't have RSS. What's surprising is that the "techiest"…

  JavaScriptCSSRelated

Web standards author and speaker; wrote the CSS: The Definitive Guide series and co-founded the An Event Apart conference.

• csstdg4figs — The base files used to create the figures for “CSS: The Definitive Guide, 4th Edition”.

  CSSRelated

Front-end developer and writer; co-founder of CodePen, founder of CSS-Tricks, and co-host of the ShopTalk Show podcast.

• simple-lightning-css-setup — Example of minimal usage of Lightning CSS

  CSSRelated

Family therapist and founder of Relational Life Therapy. Author of I Don't Want to Talk About It, How Can I Get Through to You? and Us; argues that Western individualism is what makes couples' work hard.

• The Best Men Can Be: Reflecting on the Infamous Gillette Ad

  On January 13th 2019, Gillette released its already famous commercial, “The Best Men Can Be,” which garnered an immediate and emphatic backlash. The commercial juxtaposed men engaging in bullying behaviors with men perf…

  Related

Software engineer and writer; former CTO of Wave, now at Anthropic. Blogs at benkuhn.net on attention, engineering management and doing hard things well.

• I've been reflecting recently on Wave's growth spurt in 2019-21. Most teams grew 2-4x a year for multiple years, and culture and effectiveness stayed remarkably strong compared to what I'd have expected (or heard of elsewhere). Some thoughts on what might have helped:

  Related

Designer, illustrator and CSS developer known for single-div CSS illustrations, a yearly portfolio redesign, and a set of single-topic side-project sites.

• Fun CSS-only scrolling effects for Matterday

  Last week my team launched a li’l project called Matterday. Turns out switching to Netlify saves development teams one day a week per developer. That’s a lot of time! And we hope folks can spend that time on things that…

  CSSRelated

Front-end developer and writer; co-founder of CodePen, founder of CSS-Tricks, and co-host of the ShopTalk Show podcast.

• astro-css-trickzz — Astro version of Alex Riviere's https://css-tricks.com/css-trickz-an-experiment-with-netlifys-on-demand-builders/

  CSSRelated

Co-founder and CEO of OpenAI; previously president of Y Combinator.

• The Strength of Being Misunderstood

  A founder recently asked me how to stop caring what other people think. I didn’t have an answer, and after reflecting on it more, I think it's the wrong question. Almost everyone cares what someone thinks (though caring…

  Related

Egyptian front-end developer and course creator; writes for CSS-Tricks, publishes courses on Udemy and blogs at alialaa.dev.

• Check out my new article for @css. "Managing WordPress Metadata in Gutenberg Using a Sidebar Plugin"

  CSSRelated

Egyptian front-end developer and course creator; writes for CSS-Tricks, publishes courses on Udemy and blogs at alialaa.dev.

• Check out my new website https://t.co/eTV1EdgqLI #CSS #CSSGrid #SVG

  CSSRelated

Egyptian front-end developer and course creator; writes for CSS-Tricks, publishes courses on Udemy and blogs at alialaa.dev.

• CSS Grid Cheat Sheet https://t.co/3IBHvNMhn4 #css

  CSSRelated