DevelopmentSamples
Optimising SVGs for the Web
How to make SVG assets smaller in a straightforward way.
DevelopmentResources
Exciting Things on the Horizon For CSS Layout
Let’s hope these features become mainstream soon.
DevelopmentTools
Intersection Observer Visualizer
A tool to assist you with using the Intersection Observer API.
DevelopmentSamples
Drop-Shadow: The Underrated CSS Filter
A look at some cool use cases.
DevelopmentSamples
Detecting hover-capable devices
Say hello to the CSS media query features “hover” and “pointer”.
DevelopmentResources
Simplifying form styles with ‘accent-color’
Applications and potential of the new CSS accent-color property.
DevelopmentResources
Respecting users’ motion preferences
The many ways to use the CSS ‘prefers-reduced-motion’ media query today.
DevelopmentResources
A guide to modern CSS colors with RGB, HSL, HWL, LAB and LCH
What to keep in mind when handling colors in CSS today.
DevelopmentOpinions
:has() has landed in Safari
“It’s great to see Safari leading the way on new CSS features.”
DevelopmentSamples
Reducing the web’s carbon footprint: optimizing social media embeds
There’s a lot we can do.
DevelopmentSamples
Aspect ratio is great
The CSS ‘aspect-ratio’ property just works and sparks joy.
DevelopmentResources
New CSS features in 2022
“This year is shaping up to be a pretty great year for CSS.”
DevelopmentResources
Exciting times for browsers (and CSS)
Some cool new CSS features and some HTML/JavaScript goodies.
DevelopmentSamples
Animated grid tracks with :has()
New possibilities for building some exciting CSS layouts.
DevelopmentSamples
My browser support strategy
Fancy new CSS features need fallbacks for older browsers.
DevelopmentSamples
Breaking out of a central wrapper
An old CSS problem with some new-ish solutions.
DevelopmentResources
Masonry? In CSS?!
Can we already build a proper brick layout without JavaScript?
DevelopmentSamples
Detecting CSS selector support
What to keep in mind when using @supports selector().
DevelopmentSamples
CSS halftone patterns
Masking, blending, and blurring effects with pure CSS.
DevelopmentResources
Logical border radius
Sometimes logical properties for border radius might be a good idea.
DevelopmentResources
Introduction to web sustainability
How you can contribute to building a greener web.
DevelopmentResources
Styling external links with attribute selectors
How to make users aware of website links that take them offsite.
DevelopmentResources
(Don’t) mind the gap
“The CSS Flexbox ‘gap’ property is pretty cool.”
DevelopmentResources
Getting started with CSS Container Queries
What they are and where they may replace Media Queries.
DevelopmentResources
Oh no, overflow!
Mastering CSS overflows in layouts and with scrollbars.
DevelopmentResources
Creating color palettes with the CSS color-mix() function
It can be a game-changer for your design process.
BusinessOpinions
Time to ditch analytics?
The downsides of tracking scripts on your website.
DevelopmentOpinions
The perfect site doesn’t exist
“A humane web is about much more than just code.”
DesignResources
Manifesto for a humane web
We need to build a web by and for humans.
DevelopmentSamples
JavaScript-free site menu
It’s time to learn about popovers and anchor positioning.
DevelopmentSamples
Styling tables the modern CSS way
State-of-the-art practices for crafting responsive HTML tables.
DevelopmentOpinions
The problem with surveys
And why you should take the State of CSS survey.
DevelopmentSamples
I’ve been doing HTML blockquotes wrong
“HTML is hard. Probably the hardest part of my job.”