LoaderShip is the ultimate CSS-only loader configuration tool that allows you to effortlessly customize and generate stunning loaders for your website. Simply Copy & Paste without any installation or dependency hassle.

When I first heard Nicole Sullivan talk about OOCSS, I thought “Oooh, smart.” When I read Jonathan Snook’s riff on that idea in SMACSS I thought “Oooh, smart.” When I heard Harry Roberts say “never use IDs in your CSS files” I said “Oooh, smart.”

Optimize and adjust for users who prefer an opaque UI.

A modern alternative to CSS resets. Contribute to necolas/normalize.css development by creating an account on GitHub.

This reset library precisely targets only the styles that need normalizing to make browsers render all elements more consistently.

Create new colors based on another color's channels and values.

Drawio GitHub Integration

I recently added dark mode support to my website. While doing so I found a neat trick to make SVG images that changes colors depending on if dark mode is active or not.

I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version. I know I also have a terrible record with open source maintenance, so I thought […]

There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover,

A drop-in collection of CSS styles to make simple websites like this just a little bit nicer.

The name of this page is a play on the CSS-Tricks name. My site generally is full of accessibility “tricks”, but this page specifically collects a few other places where I have left accessibility tricks behind. CSS-Tricks Following are links to posts at CSS-Tricks where I (mostly) left comments. Some…

A multidisciplinary designer with an eye for details.

How an emerging CSS standard can fix old problems and raise the bar for web apps

Learn about how to write defensive CSS.

Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum

by Andy Bell

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

Advanced multi-part components with lots of possibilities

A Utility Complete CSS Framework for less than 45kb (8kb Gzipped)

… a classless CSS framework to write modern websites using only HTML. It's ~4.5kb GitHub → https://github.com/xz/new.css

Latest Collection of free HTML and CSS book effect code examples: 3d, animation, flip, layout, etc.