CSS self gap

Custom gaps between some ‘flex’ or ‘grid’ items.

The bare minimum for CSS view transitions

An instant win for your website’s user experience.

Baseline and polyfills

When should you use a polyfill for a web feature?

Harper is in Cursor and VS Code

A grammar checker for your code editor.

HTML button groups for keyboard users

Keyboard-friendly ‘menu’, ‘menubar’, ‘toolbar’, and ‘tablist’.

Vibe coding is a dangerous fantasy

When no-code AI dreams become nightmares.

Trapping bad bots in a labyrinth

Cloudflare can now punish bots breaking ‘no crawl’ rules.

CSS animation with ‘offset-path’

Motions along paths without using JavaScript.

Everyone’s a geek about something

If you are a geek, you are in good company.

Revisiting CSS ‘border-image’

“It remains one of the most underused CSS tools.”

Previewing content changes

Ever tried your browser’s edit mode for the web?

CSS customization for the ‘select’ element

Chrome 135 brings the new property ‘appearance: base-select’.

Navigation for keyboard users

How to build a keyboard-friendly navigation.

Coding backwards

A new approach for traditional and AI-assisted developers.

Minding the gaps

A new way to draw separators in CSS.

Find-in-page highlight styling

CSS now lets you customize find-in-page markers.

‘aria-label’ is a letdown

“One in three ‘aria-label’ implementations have likely issues.”

Before choosing Next.js

What to know about the web development framework.

The case for “old school” CSS

Beyond “this(my) way is the best way.”

CSS Mixins are ready to explore

How you can enable the feature in Chrome Canary.

Meet Declarative Web Push

iOS/iPadOS 18.4 beta simplifies Web Push for developers.

Servo vs. Ladybird

The current state of the two open-source browsers.

Common pitfalls in developer content

The 7 deadly sins of developer documentation.

Is CSS-in-JS still a thing?

What worked, what didn’t, and what’s next.

How do we evolve CSS logical shorthands?

There are options, but one major roadblock.

Item Flow (part 1)

A new CSS layout concept uniting Grid, Flexbox, and Masonry.

Writing blog posts developers read

“The biggest mistake software bloggers make is meandering.”

‘Div’ided we Fall

A fun HTML and CSS learning game.

Cascii

A web-based ASCII and Unicode diagram builder.

Must-know Interop features 2025

A learning guide for the next couple of months.

WebKit features in Safari 18.4

An epic tour of the new features in WebKit.

Poisoning well

An effort to dupe nasty AI crawlers with nonsense.

Mind the WCAG automation gap

What can automated tools test without humans?

Toon Titles

Cartoon titles brought to life with CSS, SVG, and SMIL.

MCP

The standard for a shared language between AI and apps.

The burden of custom form validations

When over-engineered form validations backfire.

The WebAIM Million 2025

Accessibility of the top 1,000,000 home pages.

Dangers of the ‘Vibe Coding’ movement

“Vibe coding is catastrophic for any serious software.”

Automated visual regression testing

How to use Playwright’s visual comparison feature.

AI ambivalence

”This is how I feel using generative AI: like a babysitter.”

Forbidden request headers

Some request headers are more trustworthy than others.

First look at the modern attr()

A new way to use CSS with HTML data attributes.

GodSVG

An open-source editor for Scalable Vector Graphics.

Simplify sharing

How to make content sharing effortless on your website.

New to the web platform (March 2025)

The latest browser features at a glance.

Decoding vibe coding

Hype, hope, and hard truths for developers.

CSS-only blurry image placeholders

A minimal technique with a sophisticated mechanism.

The decline of Stack Overflow

Which fields were affected the most by the rise of AI?

“Slow websites and websites that don’t work without JavaScript should be taxed.”

Hacker Laws

Useful laws, principles, and concepts for developers.

Tweaking text level styles (reprised)

Guidelines for HTML ‘mark’, ‘del’, ‘ins’, and ‘s’.

Overengineered anchor links

A technique to improve the UX of scrollable content.

Baseline, more than a rule of thumb?

“Don’t use Google’s Baseline to decide which web features to use.”

UA+

A different type of CSS reset style sheet.

Still weird, still wonderful

20 years ago, Git began to dominate version control.

Browser MCP

Connect AI apps to your browser to automate tests and tasks.

Mainlining mains

“Use only one (non-hidden) ‘main’ landmark per HTML page.”

Better typography with ‘text-wrap: pretty’

Safari brings unmatched polish to web typography.

CSS Naked Day 2025

April 9 is the day to showcase semantic HTML.

EC2 reserved instances’ silent exit

The impact on Amazon Elastic Compute Cloud users.

CSS custom properties vs. Sass variables

How you can combine both with a hybrid approach.

The best programmers I know

What do they all have in common?

Accessibility Link Tester

Examine screen reader interpretations of link features.

Default 'h1' styles are changing

What this means for front-end developers.

Custom CSS functions in the browser

Start to experiment with author-defined functions.

0xProto

A font for developers focused on code legibility.

Flowing WebGL gradient

A modern and elegant touch to any landing page.

Multi-step logins with password manager support

The problem with email-first logins and how to solve it.

How to open and close HTML dialogs

You’ll use a little JS today but none in the future.

The post-developer era

”I’m still the one writing the code most of the time.”

Types of GitHub users

Are you just a developer or a wizard?

Never lose a z-index battle again

How to set the highest possible z-index in CSS.

What are AI agents?

The evolution, architecture and future of AI Agents.

The new Cookie Store API

A welcome alternative to the ‘document.cookie’ API.

Web performance tips for 2025

Tiny lessons for turbo-charged websites.

The CSS shape() function

It brings responsive shapes to modern CSS.

Apache ECharts

An ever-evolving JavaScript visualization library.

TLS certificate lifespan is going down

It will gradually drop to 47 days by 2029.

The customizable select (part two)

Potions, anchoring, and radial shenanigans in CSS.

A11yInspect

A browser-based toolkit for accessibility testing.

AINativeDev Landscape

A catalog of AI-powered development tools.

Minimal dark mode

Light and dark mode in just 1 line of CSS.

State of Web Dev AI 2025

Results of the first State of Web Dev AI survey.

All browsers get this wrong

What DevTools misinterpret about Shadow DOM.

Giving up CSS pre/post-processors

Is it time to move on to native CSS?

Sandboxes

A repository of 30+ playgrounds for developers.

CSS theme variables from a JS file

How to avoid redundant theme maintenance.

Newfangled browser alternatives

A look at niche browsers with distinctive traits.

Vibe Coding isn’t an excuse for poor work

A field guide to responsible AI-assisted development.

The mostly true naming rule

“Do not give multiple names to the same thing.”

From Next.js to Astro

“You’ll likely have a much smaller HTML and JS payload.”

Top 5 CSS navigation menu mistakes

How to avoid some of the most common UI gotchas.

Polishing your typography

The power of the CSS line height units ‘lh’ and ‘rlh’.

CSS Boilerplate

A default CSS structure for projects of any size.

“Vibe coding, where 2 engineers can now create the tech debt of at least 50 engineers.”

Avoiding skill atrophy in the age of AI

“Never cease to actively practice your craft.”

The unknown side of ‘flex-wrap’

The CSS property also plays a role in alignment.

Using Cloudflare APIs for screenshots

A way to easily capture webpage screenshots.

The HTML ‘canvas’ element

Why is ‘canvas’ actually necessary alongside SVG?

A decade of SolidJS

The past, present, and future of the UI library.