Related posts

Technologist and entrepreneur; former CTO of Threadless and chief technology officer of the 2012 Obama re-election campaign.

• harper.blog — Hugo-powered personal blog with custom theme, deployed on Netlify

  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.

• 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

Product designer and entrepreneur; author of Mobile First and Web Form Design; formerly a product director at Google; now building AI products.

• Ask LukeW: Less Walls of Text

  A persistent attribute of AI-powered applications is their propensity to generate text: lots and lots of text. Text requires scanning and scrolling for the useful bits and too much of it gets pretty monotonous pretty qu…

  Related

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

Entrepreneur and founder of Blueprint. Publishes a detailed, freely available longevity protocol documenting the food, supplements, devices and measurements he uses on himself.

• ShortWhy you can't stop scrolling

  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

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

Indian software developer working with React and TypeScript; writes and publishes a newsletter at sreetamdas.com.

• srtm.fyi — URL shortener using Cloudflare/Netlify rewrites

  Related

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

Writer and creator of Daring Fireball, a long-running blog about Apple and technology; co-created Markdown and hosts The Talk Show.

• Snapshot in time. Federighi and Schiller (scrolling down) seem due for new photos.

  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

Writer on habits and decision-making; author of Atomic Habits and the 3-2-1 newsletter, and publisher of long-running book recommendation lists.

• A Monday morning question for you: I'm not usually awake from 5am to 6am, but when I am I tend to enjoy it. Start the day slow. Watch the sunrise. Get a few things done before everyone else wakes up. Meanwhile, I am often awake from 10pm to 11pm and I find that I tend to use it poorly. Passively watching TV or scrolling on a screen. Late-night snacking. Generally focusing on things that are fairly unimportant. Trading the last hour of the night for the first hour in the morning would be a pretty high-value trade for me. Which hours of your day tend to return the most value and which ones tend…

  Related

American software engineer; worked on code-server at Coder and teaches TypeScript and open-source contribution. Publishes at joeprevite.com.

• quick friday task for you stop scrolling and tell yourself this "today your day is going to be full of wins and luck will follow you" then see how the day unfolds
  Quoting@thebeautyofsaasreminder on how to get lucky >wake up >before doing anything, walk up to the bathroom (first thing in the morning) >look at yourself in the mirror and tell yourself that your day is going to be full of wins and that luck will follow you >witness things you have never seen before

  Related

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

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

French software engineer, public speaker and fully remote nomadic worker; writes about frontend development at maxpou.fr.

• Thrilled to share my latest personal project I've been building over the past month: a flight simulator...in the browser! 🚀 Check it out and let me know what you think: air-max.netlify.app #buildinpublic

  Related

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

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

British senior engineering manager at Netlify, previously a team lead at the BBC; writes about JavaScript testing, chatbots and serverless at marclittlemore.com.

• Automate Your Static Site Rebuilds with Netlify Scheduled Functions

  I laugh every year when I see this meme about updating your website footer: https://twitter.com/iamdevloper/status/1212320688050229249 If you're a developer who has come from the world of Wordpress where using PHP to dy…

  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.

• Some things I worked on at Netlify

  I worked at Netlify for just over a year. I had a pretty unique role on the brand team: making creative web projects developers will love. That part was a lot of fun. Netlify ended up not being the place for me longterm…

  Related

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

• svelte-dad-joke — A small Svelte/TypeScript project with Netlify serverless functions. Uses the Dad Joke API to get random jokes or search jokes with query parameters.

  TypeScriptRelated

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

British senior engineering manager at Netlify, previously a team lead at the BBC; writes about JavaScript testing, chatbots and serverless at marclittlemore.com.

• Create an Eleventy podcast feed

  At the end of last year I converted my DJ Cruze website from Wordpress to Eleventy. Much like this website, it's easy to deploy using Netlify. Moving to a statically generated site made it much easier to update and avoi…

  Related

Programmer and entrepreneur; co-founded GitHub and created Jekyll, Gravatar and the Semantic Versioning spec.

• Joining the Netlify Board to Help Shape the Future of the JAMstack

  4 Mar 2020 - Cordon, France In late September, 2015, I got an email out of the blue from Mathias Biilmann. He told me about his brand new 2-person startup called Netlify and asked if I’d fancy getting together to chat a…

  startupsRelated

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

Software developer; created Firebug, helped create Firefox on the Netscape browser team, and built the original Facebook iPhone app.

• scrollability — Imitates iOS native scrolling in JavaScript.

  JavaScriptRelated