A precise hexadecimal color clock that goes the whole 24 hours color range, from #000000 to #235959.

Learn about the 'overengineered anchoring' pattern, a technique to improve the user experience of scrollable content.

Written pieces, talks, and other bits by Zach Holman.

This research rethinks paragraph formatting, inspired by techniques from Hebrew and Arabic manuscripts to challenge conventional layouts. Funded by the Leenaards Foundation and supported by Adobe’s plugin tools, the project led to the “Alternative Layout System” plugin, now available for free download on the website. A publication showcasing designers’ experiments with these scripts is also accessible on the website’s “Publication”

Chase McCoy explores, builds, & writes about the web.

Some iconic scrollbars recreated as faithfully as possible.

Read my book: Flexible Typesetting, for free You and I are living through the biggest change in graphic design history. New devices, screen sizes, and platforms require us to adapt constantly. It’s exhausting. I wrote Flexible Typesetting to aid your practice, offering new mental models for anchoring fluid, responsive design on key typographic guidelines. And I decided to make it free.

Relive classic 1990s Mac and PC screensavers like Flying Toasters and Aquatic Realm, remade using modern CSS techniques like animations and transforms.

What real words are actually valid CSS HEX colors? Parsing an English dictionary for entries containing only the letters ABCDEF and limiting the result to words of exactly 6 or 3 letters length (#FFFFFF or #FFF) gives us some interesting results.

CSS Stats provides analytics and visualizations for your stylesheets. This information can be used to improve consistency in your design, track performance of your app, and diagnose complex areas that might benefit from refactoring.

Take your frontend skills to the next level by recreating real websites from real companies.

Mac Os X Lion with CSS3 Experiment - I wanted to create with only use of CSS3 the boot, the login page and finally the desktop of the Mac OS X Lion.

Learn to write better, resilient CSS If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves.

A s*** font that f***ing censors swearing automatically

The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.

It will certainly look familiar, as prefers-color-scheme has been around for longer and is clearly related.

This is a tool to help web designers and developers learn the 147 CSS color names that are available today. The 147 Colors consist of 17 standard plus 130 more.

100% CSS. No artificial colours or ingredients. First person to screenshot a lighthouse wins! Find me @ https://twitter.com/ivorjetski https://www....

AI Use Disclaimer: I wrote this post and then GPT-4 fixed my grammer and spelling

An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just HTML, CSS, and JavaScript.

I have created some 80x15 pixels web badges to indicate successful W3C validation. This work is licensed under a License. You are free to use them wherever you want.

Many developers seem to believe there's no difference between px and other CSS units. Let's dispel that myth, for the sake of better accessibility.

Javascript and CSS to display English Grade 1 Braille in web pages (for sighted people)

Benjamin Moore Paints as CSS Colours

Something non-designers understandably struggle with is how to make things look good. One of those things is long form content that’s well set and readable. Luckily, CSS makes this easy, you just have to know what to change.

The modern web is literally Satan and will probably eat your first-born child if we don't do anything about it, and quick! (had to increase the hyperbolism from the other websites; interestingly, the NoJS Club, which until now has arguably been the most radical of *.clubs, does not have much hyperbole, which really is a shame