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

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

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

Co-founder and CEO of Linear; previously principal designer at Airbnb, where he led the Design Language System, and founding designer at Coinbase.

• Agents 🤝 @linear Linear documents are just documents meant for writing down things. Projects, issues, views and other entities have different types. I think the structure makes it easier for both agents and humans alike to use the right one.
  Quoting@faruk_parhatOur coding agents did something interesting… We are both a @NotionHQ and @linear shop, but over time our coding agents seem to have preferred writing docs in Linear over Notion (since they were already creating tickets). And this kind of natural bias and proclivity of coding agents toward Linear sl…

  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

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

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

Software engineer and engineering leader at Canonical, working on Ubuntu; writes about his homelab, Nix and tooling at jnsgr.uk.

• booklog — B{ook}log is a self-hosted, multi-user book tracking platform for avid readers. Each user maintains a personal library and wishlist, with per-user readings, stats, and timeline.

  Related

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

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

Programmer; wrote Redis and hping, and blogs about C, systems programming and working alone.

• Human coders are still better than LLMs

  This is a short story of how humans are still so much more capable of LLMs. Note that I'm not anti-AI or alike, you know it if you know me / follow me somewhere. I use LLMs routinely, like I did today, when I want to te…

  LLMsRelated

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

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

Front-end developer and writer on Svelte, Vue, CSS and WordPress; blogs at joshcollinsworth.com.

• A decade of code

  A personal (read: meandering) post inspired by the realization that I first began to learn HTML and CSS exactly ten years ago, reflecting on the lucky turning points that brought me to where I am today.

  CSSRelated

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

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

• SVG export wishlist

  Lately for work and for my portfolio, I’ve been making complex SVG illustrations that require a lot of fine-grained control once implemented. Colors change, layers show and hide, and animations run based on various user…

  Related

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

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

Developer and podcaster; created Instapaper and Overcast, co-founded Tumblr, and co-hosts the Accidental Tech Podcast.

• The 16-inch MacBook Pro

  After my first day with the new 16-inch MacBook Pro, I’m very optimistic about it. 🎧&nbsp;&nbsp;Hear more on today’s Accidental Tech Podcast! Two years ago, I wrote a wishlist to fix the MacBook Pro, and the 16-inch do…

  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