What to Make
A list of places to find projects to work on to improve your CSS.
CSS
Various
Various random notes on things that interest me.
Variable Fonts
Links to stuff on variable fonts
Lists and Counters
Styling lists and the ways of :counter
CSS :not()
Using the CSS :not() pseudo selector
Masonry Layouts
How to create masonry layouts with CSS
Responsive Columns
How to make columns responsive
Hugo Markdown Attributes
How you can add classes and ids to elements in Markdown
Animated Heart SVG
Very cool heart with simple SVG code
CSS Alignment
Some notes and examples of aligning things in CSS.
Setting Up RSS With Hugo
RSS is provided automatically with Hugo. You just need a link
Page Specific CSS
A short summary about the page
Quick'n'dirty dark mode
A quick way to get a full dark mode colour scheme in just a couple of lines of code.
:target pseudo class
Simple demo of the amazing :target CSS pseudo class. Very cool.
Blockquote Styling
Quick way to add a big double quote to the start of a blockquote
Text Decoration
The new CSS text-decoration and related properties
Responsive Design
Notes about making this site responsive
Clampsizer
Cool tool to size fonts with clamp
1 of 1