BusinessResources
Tips and notes about freelancing
A guide to hopefully help you to make the plunge.
DevelopmentOpinions
The (extremely) loud minority
Why JavaScript frameworks are not eating the web.
DevelopmentTools
Flow CSS Utility
A CSS snippet you can use in every project.
DevelopmentSamples
Use CSS Clamp to create a more flexible wrapper utility
A handy way to use modern CSS functions.
DevelopmentSamples
Things you can do with CSS today
Handy stuff you can already use, and what‘s coming next.
DevelopmentResources
Container Queries are actually coming
They will transform UI design, just like media queries did.
DesignSamples
Build Excellent Websites
Key foundations and principles for building state-of-the-art websites.
DevelopmentTalks
Be the browser’s mentor, not its micromanager
How to build resilient front-ends that look great for everyone.
DesignOpinions
2023, the year of websites
Start small and keep it simple, then chip away over time.
DevelopmentResources
Line heights in CSS work better with ratios
Ratio-based line height will always be proportionate.
BusinessOpinions
“Most of our users are on Desktop”
What to consider when you analyze low mobile usage on your website.
DevelopmentSamples
Some simple ways to make content look good
CSS can make long-form content look wonderful, even for non-designers.
DevelopmentSamples
Relative rounded corners
How to create perfectly sized rounded corners inside/outside a UI element.
DesignResources
The art of the demo
Inspirations to enrich your guides with well-crafted demos.
DesignSamples
The ideal viewport doesn’t exist
You don’t know how users will visit your website in advance.
DevelopmentResources
A (more) modern CSS reset
Up-to-date CSS rules for consistent cross-browser styling.
DevelopmentSamples
LH units are cool
A new(ish) CSS unit makes icon sizing much easier.
DevelopmentSamples
A highly configurable switch component
A showcase of what you can do with modern CSS.
DevelopmentResources
The CSS box model and box sizing
A look at one of those most important CSS aspects.
DevelopmentResources
A primer on the cascade and specificity
Two of the most fundamental parts of CSS explained.
BusinessSamples
How I’m using ‘AI’
Where AI can have its uses in day-to-day work.
DevelopmentSamples
Mask image is pretty handy
A simple way to make your web design more unique.
DevelopmentResources
What progressive enhancement actually is
Why everyone should get their optimal browsing experience.
DevelopmentSamples
Eyebrow heading dots
How modern CSS can refine a tiny design pattern.
DevelopmentSamples
How I build a button component
A set of button instances with their variants.
DevelopmentSamples
Simple masonry-like composable layout
A CSS interim solution until browsers catch up.
BusinessOpinions
Soft skills in the age of AI
“If your sole responsibility is to write code, your job is almost certainly at risk.”
DevelopmentOpinions
Use CSS (nesting) with caution
“Make sure your code can be understood by a junior developer.”
DevelopmentSamples
Simplify sharing
How to make content sharing effortless on your website.
DevelopmentSamples
Styling alt text like any other text
Display alt text if an image fails to load.
DevelopmentSamples
Enhancement of a simple layout
Smarter layout flow using CSS subgrid.