DevelopmentOpinions
Old is solid; new gets talked about
We all maintain old things more than we build new things.
DevelopmentSamples
Accessible scroll behavior
‘scroll-behavior: smooth’ with ‘prefers-reduced-motion: no-preference’.
DesignTools
Polypane 6.2
HTML validation, robots.txt support, RTL emulation and more.
DevelopmentSamples
Detecting media query support in CSS and JavaScript
How to detect support for media queries regardless of if they are turned on.
DevelopmentResources
CSS Nesting, specificity and you
Native CSS nesting is coming to browsers soon.
DevelopmentSamples
Your CSS reset needs text-size-adjust (probably)
How to prevent an odd rendering issue in Mobile Safari.
DevelopmentResources
Do you know about overflow: clip?
CSS ‘overflow: clip’ enables several interesting features.
DevelopmentSamples
Building a lightbox with the Dialog element
A lightbox solution that doesn’t require extensive JavaScript.
DevelopmentResources
:root isn’t global
The problem of CSS Custom Properties defined on :root.
DevelopmentSamples
You don’t need JavaScript for that
Some cool examples to challenge your assumptions.
DevelopmentSamples
The problem with ‘new URL()’ in JavaScript
And how the addition of URL.parse() fixes it.
DevelopmentSamples
Getting stuck
All the ways CSS ‘position: sticky’ can fail.
DevelopmentTools
HTML Form Inspector
An online tool to inspect and debug web forms.
DevelopmentResources
Front-end programming principles
Actionable advice for self-taught front-end coders.