Related posts

Programmer, teacher and speaker; long-time Microsoft developer-community figure, host of the Hanselminutes podcast and author of the hanselman.com blog.

• WindowsEdgeLight — A lightweight WPF application that adds a customizable glowing edge light effect around your primary monitor

  Related

Economics professor at the University of California, Berkeley and a former Deputy Assistant Secretary of the US Treasury. Author of Slouching Towards Utopia and writer of the Grasping Reality newsletter.

• Today modern advertising, public relations and corporate values statements typically carry any equivalent constraints to the old-fashioned check on rhetoric imposed by the imminent expectation of contradiction by an opposing equally-platformed counter-advocate. Contrast 1858’s Lincoln and Douglas, “divid[ing] time and address[ing] the same audiences” in seven three-hour debates, with modern corporate values statement radiating outward to “stakeholders” forever, and you can measure what... 1/

  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

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

Swedish designer and programmer. Designed early Spotify, worked at Facebook and Figma, and created the Inter typeface.

• Installed macOS 27 on a MacBook and I'm not sure if this is some kind of twisted joke or just incompetence. The contrast of window controls (for both active and inactive windows) is so bad that even a sugar-jolted 25-year old can tell.

  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

Founder and editor-in-chief of MacStories, writing about Apple software, iPad workflows and automation since 2009. He co-hosts the AppStories podcast.

• MastodonI've been working on this for 3 months, and here it is: My iOS and iPadOS 27 review: https://www.macstories.net/stories/ios-and-ipados-27-review/ Customizable Liquid Glass, iPadOS, 15 system apps, and a big Siri AI chapter. And no, it's not a Snow Leopard release. Enjoy!

  Related

• BlueskyI've been working on this for 3 months, and here it is: My iOS and iPadOS 27 review: www.macstories.net/stories/ios-... Customizable Liquid Glass, iPadOS, 15 system apps, and a big Siri AI chapter. And no, it's not a Snow Leopard release. Enjoy!

  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

Author of Shape Up; formerly head of strategy at Basecamp, where he worked on product design for seventeen years; now runs Felt Presence.

• A friend turned me on to asking Fable to wireframe different options when I have a tricky UI problem with a lot of requirements and too many possible paths. Game changing. Gives me flashbacks to what @bmoesta taught me about using orthogonal arrays when an engineering problem has too many variables. It's not about one-shotting the answer. It's about getting enough contrast between options to clarify which variables (aka "factors") are most important. Not which solution is best -- which variables matter more. THEN I can use that knowledge to decide to fix certain variables and narrow the space…

  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

American open-source program lead working on WordPress; a WordPress core contributor and release lead who writes at jeffpaul.com.

• pong-block — Embed a playable Pong game in WordPress with customizable difficulty and accessible control options.

  Related

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

Founder and editor-in-chief of MacStories, writing about Apple software, iPad workflows and automation since 2009. He co-hosts the AppStories podcast.

• MastodonOpenAI Updates ChatGPT for iOS with Customizable Widgets for ChatGPT Work and Codex Remote

  macstories.net

  OpenAIRelated

• BlogOpenAI Updates ChatGPT for iOS with Customizable Widgets for ChatGPT Work and Codex Remote

  The new ChatGPT widget for iOS. The most recent update to the ChatGPT app for iOS has introduced a new feature that will make those who rely on the company’s AI assistant for work-related tasks quite happy: a customizab…

  OpenAIRelated

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

Economist specialising in global income inequality; formerly lead economist in the World Bank research department, now at the CUNY Graduate Center and author of the Global Inequality and More newsletter.

• The spirit of the nineties and the malaise of today

  It does not require great originality nor insightfulness to contrast the world of the 1990s and that of today.

  Related

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

Novelist and writer on craft; wrote The War of Art, Gates of Fire and The Legend of Bagger Vance.

• Training = Turning Pro

  Amateurs have amateur habits. Pros have professional habits. How does the pro acquire professional habits? By training. (The amateur by contrast either trains like an amateur or doesn’t train at all.) The passage below…

  Related

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

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

Research psychologist, instrumental in founding the field of naturalistic decision making; developed the recognition-primed decision model, the PreMortem method and the ShadowBox training method, and wrote Sources of Power and Seeing What Others Don't.

• Contrast Sets: The Importance of Anticipating Confusion

  Training should not just be about presenting material. Trainers need to anticipate where people can get confused and then skillfully introduce contrast sets to foster expertise.

  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

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

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

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