DevelopmentResources
The HTML ‘blockquote’ element
Usage, accessibility, alternatives, and workarounds.
DevelopmentTools
Lessons from plain text
“Plain text might not always be as straightforward as it appears.”
DevelopmentSamples
I’ve been doing HTML blockquotes wrong
“HTML is hard. Probably the hardest part of my job.”
DevelopmentSamples
CSS min() all the things
Is min() the be-all, end-all for responsiveness?
DevelopmentTools
It’s time to disrupt visual regression testing
The testing tools we have and the testing tools we need.
DevelopmentResources
GSAP is joining Webflow
The popular JavaScript animation library will stay public.
DevelopmentSamples
A local-first case study
“It’s very possible to build a useful local-first app today.”
DevelopmentSamples
Be suspicious of success
“It’s not enough for a program to work, it has to work for the right reasons.”
DevelopmentSamples
CSS tricks that use only one gradient
What we can do with a single gradient is incredible.
DevelopmentTrends
The State of CSS 2024
Keeping up with CSS updates feels like a full-time job.
DevelopmentSamples
My solar-powered and self-hosted website
“We can make the web a greener, more efficient place.“
DevelopmentSamples
Searching for and navigating Git commits
How to make exploring commits much more enjoyable.
DevelopmentSamples
You can use ‘text-wrap: balance’ on icons
The new CSS property doesn’t only work on text.
DevelopmentTools
Why are static site generators so complicated to use?
“Modern static site generators are a bit like a hard video game.”
DevelopmentTools
Introducing AI assistance in Chrome DevTools
What’s coming with the AI assistance panel.
DevelopmentResources
Help us choose the final CSS Masonry syntax
Get the latest updates and share your feedback.
DevelopmentOpinions
Rewriting JavaScript tools in ‘faster’ languages?
Skepticism arises from real objective concerns.
DevelopmentSamples
View transitions staggering
A neat way to bring life to a menu expansion.
DevelopmentResources
The nuance of ‘domain’
A ‘domain’ may be trickier to parse than you think.
DevelopmentResources
Svelte 5 is alive
The popular UI framework has been fully rewritten.
DevelopmentOpinions
Where web components shine
Beware: “Not everything needs to be a web component.“
DevelopmentResources
Baseline status for your code snippets
Logos and web component to indicate major browser support.
DevelopmentSamples
Design system-friendly snowflakes
CSS utility classes work well for one-off components.
DevelopmentTools
So, your CMS blew up
The road ahead if you’re leaving WordPress.
DevelopmentResources
The difference between popovers and dialogs
Let’s finally clear up the confusion between the two.
DevelopmentResources
Smarter than ‘Ctrl+F’
Linking directly to web page content without anchors.
DevelopmentTools
WebStorm and Rider now free (non-commercial)
Good news for users of JetBrains’ JS and .NET IDEs.
DevelopmentSamples
CSS left half and right half layout
The many ways you can split a layout into two equal parts.
DevelopmentSamples
Using static websites for tiny archives
Zero web server, zero build system, zero dependencies.
DevelopmentSamples
AWS data center latencies
Visualized time delays between Amazon Web Services regions.
DevelopmentResources
Come to the light-dark() side
Simplify light/dark mode setup with modern CSS.
DevelopmentSamples
Making content-aware components
A technique using CSS :has(), grid, and quantity queries.
DevelopmentTools
Copilot vs. Cursor vs. Cody vs. Supermaven vs. Aider
The choice comes down to your specific needs.
DevelopmentResources
Top level domains with novel behavior
Which TLD is most suitable for a private network?
DevelopmentTools
WordPress alternatives
Stick with PHP or pivot to JavaScript?
DevelopmentOpinions
The IPv6 transition
The shift to the latest internet protocol may still take decades.
DevelopmentTools
Bringing developer choice to Copilot
GitHub adds new AI models to its coding assistant.
DevelopmentSamples
Should masonry be part of CSS grid?
Exploring two CSS syntaxes for waterfall layouts.
DevelopmentResources
New to the web platform (October 2024)
The latest browser features at a glance.
DevelopmentTools
The JavaScript ecosystem in 2024
“When there’s competition in DevTools, developers win.”
DevelopmentFun
Halloween, (CSS) masks, and logic gates
Replicating a nerdy meme with HTML and CSS.
DevelopmentResources
ASCII Control Characters
The role of the 32 control characters in the terminal.
DevelopmentTools
What’s new in DevTools, Chrome 131
AI-powered CSS debugging, improved performance panel, and more.
DevelopmentSamples
Don’t use localStorage for sensitive data
Alternatives for tokens, secrets, and private info.
DevelopmentTrends
Octoverse 2024
Python is now the most used language on GitHub.
DevelopmentSamples
Web font file size study: variable fonts
If your variable font tops 35K, ask why.
DevelopmentTools
CSS Spring Easing Generator
A web tool for effortless, smooth spring animations.
DevelopmentSamples
Fun with custom cursors
Two ways to change the default cursor appearance.
DevelopmentSamples
CSS sprite sheet animations
Sleek interactive animations based on bitmap images.
DevelopmentResources
The HTML ‘body’ element
There is more to say about it than you may think.
DevelopmentSamples
Your CSS reset should be layered
Why and how to use cascade layers for CSS resets.
DevelopmentResources
HTML ‘details’/‘summary’ get an upgrade
Disclosure widgets will be more stylable and interoperable.
DevelopmentResources
A friendly introduction to container queries
The CSS feature everyone asked for but few are using.
DevelopmentOpinions
Why jQuery 4 reminds us to move on
A comparison of jQuery 4 with native JavaScript web APIs.
DevelopmentOpinions
Mind the (remediation) gap
Why web developers should be familiar with markup.
DevelopmentResources
Add content to print margins
The Chrome browser brings new CSS printing features.
DevelopmentSamples
Sibling parameters as default values
Ever tried ‘myFunc(arg1, arg2 = arg1)’ in JavaScript?
DevelopmentSamples
Beautiful focus outlines
How to make active web elements more inviting.
DevelopmentOpinions
Why you should care about WebViews
It’s time to highlight what developers often overlook.
DevelopmentSamples
CSS text effects
A wonderful collection of text effects for the web.
DevelopmentResources
More options for styling HTML ‘details’
All the changes introduced in Chrome 131.
DevelopmentResources
The HTML ‘button’ element
“The most misunderstood and least utilized of all HTML.”
DevelopmentCourses
Learn Web Components
A course with carefully curated posts on the topic.
DevelopmentSamples
Stop writing extra code
HTML inputs are more powerful than you think.
DevelopmentSamples
Sanitize client-side
Why server-side HTML sanitization is doomed to fail.
DevelopmentOpinions
Why Alpine is the new jQuery
Getting started with the lightweight JavaScript framework.
DevelopmentSamples
Fluid everything else
“Responsive design should be almost invisible to the user.”
DevelopmentOpinions
HTML form validation is heavily underused
Why is there so little knowledge about it?
DevelopmentResources
The different ways to toggle content
State-of-the-art disclosures, modals, and overlays.
DevelopmentSamples
Draw Audio
A musical sketchpad using the Web Audio API.
DevelopmentSamples
You’re not a CSS developer without a reset
A CSS reset can also elevate your typesetting.
DevelopmentResources
Steve’s Jujutsu Tutorial
An introduction to the novel version control system.
DevelopmentResources
Understanding Round Robin DNS
How browsers and CDNs select which server to use.
DevelopmentSkills
Anchoreum
A multi-level game to learn CSS anchor positioning.
DevelopmentTrends
Web Almanac 2024
Explore the latest web trends and insights.
DevelopmentSamples
Centering things: a solved CSS problem?
Where visual centering can still be a challenge.
DevelopmentSamples
How I ship projects at big tech companies
“The most common error I see is to assume that shipping is easy.”
DevelopmentResources
JavaScript import attributes
More explicit and secure module imports in ECMAScript 2025.
DevelopmentResources
JavaScript’s Promise.try
The Promise equivalent of a try-catch block in ECMAScript 2025.
DevelopmentResources
Official logo for CSS
CSS never had an official logo, but now it has one.
DevelopmentResources
CSS ‘overflow: clip’
How it works, why it’s useful, and practical examples.
DevelopmentTrends
State of HTML 2024
The current landscape and future of the web platform.
DevelopmentSamples
Addition for CSS reset: interpolate-size
“Animating from 0 to auto has never been so easy.”
DevelopmentResources
The HTML ‘br’ element
The line break that can easily break things.
DevelopmentResources
What no one told me about Postgres
Missing bits in the official database documentation.
DevelopmentResources
Two books, no longer apart
The responsive design pioneer’s classics are now free to read.
DevelopmentTools
Introducing our grid-aware websites project
The goal is a developer toolkit to make eco-friendly choices.
DevelopmentResources
The stretch keyword
A better alternative to ‘width: 100%’ in CSS?
DevelopmentSamples
Will we care about frameworks in the future?
“I dunno, but it will be a lot of fun to find out.”
DevelopmentSamples
Universal browser display of web feeds
How to render RSS/Atom feeds in any browser.
DevelopmentResources
Motion
A modern animation library for JavaScript and React.
DevelopmentResources
Git Cheat Sheet
A Git command guide to master version control.
DevelopmentResources
JavaScript truthy and falsy
A fundamental yet often misunderstood concept.
DevelopmentResources
What’s your excuse for not using it?
“It is a crime people don’t use the web share API more.”
DevelopmentResources
Why responsive design is failing modern users
“Responsive design isn’t dead, but it’s no longer enough.”
DevelopmentSamples
Managing reactive state using custom elements
Signals work great in custom elements too.
DevelopmentTools
OpenStreetMap’s new vector tiles
The open map provider is adding vector tile support.
DevelopmentSamples
Importing a frontend JavaScript library
What if you want to set it up without a build system?
DevelopmentOpinions
CSS anchor positioning is disruptive
“It’s going to unlock some surprising new layouts.”
DevelopmentSamples
Combining light DOM and shadow DOM
How to mix-and-match both in a web component.