Simple bits of decorative CSS and HTML I put together that you can use on your own pages! Naturally, you can change their style to fit your own aesthetic.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
A few HTML tips – Mozilla Hacks - the Web developer blog
A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice ...
CSS-Tricks has a new owner! | CSS-Tricks
Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.
HTML/CSS layout templates
free to use, responsive website templates inspired by sites on neocities and nekoweb
Laying Out Pages | Web Browser Engineering
So far, layout has been a linear process that handles open tags and close tags independently. But web pages are trees, and look like them: borders and backgrounds visually nest inside one another. To support that, this chapter switches to tree-based layout, where the tree of elements is transformed into a tree of layout objects before drawing. In the process, we’ll make web pages more colorful with backgrounds.
The Layout Maestro by Ahmad Shadeed
Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.
CSS Generators: Your CSS code with less effort
A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
Neothemes - Layouts and Themes for Neocities
All of our themes are fully responsive which means that they work on mobile! They are lovingly handcrafted with pure HTML and CSS. Stylesheet colors have been made into variables to make it easier than ever to edit and customize your own creation.
Embracing Playful Imperfection With The CSS random() Function — Smashing Magazine
Design systems thrive on consistency, so where does randomness fit in? Through playful demos of organic typography, bouncing letters, and splayed cards, Brecht De Ruyte shows how the new CSS `random()` function brings a little imperfection to the web without JavaScript libraries or preprocessor loops that generate hundreds of lines of static CSS.
Applying Author Styles | Web Browser Engineering
In the previous chapter we gave each pre element a gray background. It looks OK, and it is good to have defaults, but sites want a say in how they look. Websites do that with Cascading Style Sheets (CSS), which allow web authors (and, as we’ll see, browser developers) to define how a web page ought to look.
Improving Your CSS with Parker – CSS Wizardry
Using static analysis to learn where to improve your CSS
Some simple ways to make content look good
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.
Water.css
A drop-in collection of CSS styles to make simple websites like this just a little bit nicer.
