HTML dialog element vs. popovers

A look at their similarities, differences, and use cases.

Weird Web October

A challenge to create a website every day of October.

The best browser bookmarking system is files

Just drag and drop the URL to the desktop or any folder.

Data whisperers, Pinocchios, and sentient design

From content artifacts to new experience paradigms.

Google’s Search Liaison on brand bias concerns

Danny Sullivan acknowledges challenges for smaller sites.

It’s hard to write code for computers

But it’s even harder to write code for humans.

“Comparing web components to React is like comparing a good bicycle with a cybertruck. They do very different things, and they’re used by different people with very, very different mindsets.”

Prevent data loss on web page refresh

A prudent way to protect users’ unsubmitted form data.

Web components are not framework components

“Stop fighting and go make awesome sh!t.”

Interview with Björn Ottosson

A talk with the creator of the popular Oklab color space.

Figma’s approach to designing UI3

What’s new in the design tool’s interface and what’s next.

CrUX Vis

A tool to visualize the UX performance of popular websites.

Benchmarking the performance of CSS @property

Regular vs. registered vs. unregistered custom properties.

Like button without authentication

How to build a ‘like’ button with audio fingerprinting.

A server-side rendering performance showdown

Comparison of Fastify-html, Vue, Svelte, Solid, Preact, and React.

Introducing canvas

A new way of working with ChatGPT to write and code.

Towards language-agnostic source code linting

ESLint now supports checking JSON and Markdown.

Terminal colors are tricky

Color issues in the terminal and how to fix them.

A UX designer guide to prompt

How humans and machines can understand each other.

I wasted a day on CSS selector performance

All to make a website load 2ms faster.

How bottom-up design enhances site accessibility

Towards a more equitable website and new niches.

Building the perfect logo strip

How to attractively display logos in a row with CSS?

The Git Cheat Sheet

A handy list of common (and not so common) Git commands.

qrframe

Generate QR Codes in different styles (via JavaScript).

Styling links based on their destination

It can be done using only CSS, without JavaScript.

Sneaking

The deceptive UX pattern you never saw coming.

Chasing color

What does an ideal CSS color system look like?

Blogging Statistics 2024

11 years of trends and insights from 1000+ bloggers.

PWA icons for all platforms/devices

Progressive Web Apps require a set of three icons.

How to fight back against a traffic-less web

Zero-click platforms are taking over; what now?

Icon usability

When and how to evaluate digital icons.

Searching for a new CSS logo

It’s time for a change and some fresh ideas.

ARIA DevTools

Check how screen readers present your website.

A future for web components

The potential of web components without shadow DOM.

Crafting QR codes

How QR codes work and how to customize them.

Exploring the AI solution space

AI is powerful if used well, but what does ‘well’ mean?

“When you don’t hear from teams using your design system, we’ve learned over the years that it’s typically not a sign of ‘everything is going great’ but ‘something is probably wrong.’”

.io, or the disappearance of an internet domain

“Be careful when picking your top-level domain.”

CSS nesting improves

It gets much better with CSSNestedDeclarations.

Introducing Adobe Content Authenticity

A web app that helps creators protect their work.

@scope and HTML style blocks

They are a potent combo, so why aren’t they used more?

Using movement to guide user behaviors

The many ways movement can power UX design.

Announcing Deno 2

The JavaScript runtime is now ready for production at scale.

Inheritance changes for CSS selection styling

Changes to ‘::selection’ styles that may affect your site.

Plain Vanilla

Web development using only vanilla techniques.

Colors for race, ethnicity, and world regions

What to consider when choosing colors for cultural diversity.

WordPress alternatives

CMSs that could better meet your website needs.

Google clarified support for robots.txt fields

Directives such as ‘crawl-delay’ are not supported.

Chromium’s influence on its alternatives

The dependencies of Firefox and Safari on Google.

Detecting support for CSS at-rules

Supportable at-rules we can reliably test today.

Bots, so many bots

Is launching on ProductHunt worth it?

HTML for People

A starting point for anyone unfamiliar with coding.

TC39 advances 10+ ECMAScript proposals

Prominent JavaScript features to keep an eye on.

Hyper-responsive web components

Highly portable, stylish, and adaptive email signups.

BBC Sound Effects

An archive with 33,000+ clips from across the world.

Diff Text

A simple checker to spot differences between texts.

Photo Edit Tools

Handy tools to bulk edit digital photos and images.

Cobalt

Save images, video, and audio from your favorite websites.

JavaScript frameworks, in their own words

How popular UI frameworks and libraries present themselves.

‘include-iframe’ web component

Versions of ‘HTML includes’ have evolved into a new take.

Player Style

Themes for video/audio players, built for many frameworks.

The CSS ‘box-decoration-break’ property

Chrome adds ‘clone’ to avoid inline/block fragmentation.

Component spec

Why the delivery of design system components matters.

Handling paste events in JavaScript

Browser support, techniques, examples, and use cases.

Introducing the new MDN Community page

Team up with others to contribute to the web documentation.

Introduction to shared compression dictionaries

A new way to speed up your site by reducing data on revisits.

How to pair fonts

Considerations for selecting and combining fonts.

MynaUI Icons

A large and rich collection of open-source icons.

The Oklch color space

From sRGB to smoother, more natural color transitions.

New in Chrome 130

Document picture in picture, CSS nested declarations, and more.

Adobe Photoshop 2025 updates

New features and announcements from Adobe MAX 2024.

Does Deno 2 really uncomplicate JavaScript?

What to expect from the latest JavaScript runtime.

The HTML ‘blockquote’ element

Usage, accessibility, alternatives, and workarounds.

UX Strategy Kit

Digital product development methods for your business.

Lessons from plain text

“Plain text might not always be as straightforward as it appears.”

PicLooks

AI-generated profile pictures for your designs.

I’ve been doing HTML blockquotes wrong

“HTML is hard. Probably the hardest part of my job.”

Launching Blacklight Query

A tool to scan websites for privacy at scale.

CSS min() all the things

Is min() the be-all, end-all for responsiveness?

It’s time to disrupt visual regression testing

The testing tools we have and the testing tools we need.

GSAP is joining Webflow

The popular JavaScript animation library will stay public.

The user experience of developer tools

Key learnings from years of designing for developers.

A local-first case study

“It’s very possible to build a useful local-first app today.”

Bing Webmaster Tools debuts recommendations

The SEO tool now delivers website insights you can act on.

Be suspicious of success

“It’s not enough for a program to work, it has to work for the right reasons.”

Choice is not the enemy

“Let’s ditch the ‘don’t make me think’ mindset.”

CSS tricks that use only one gradient

What we can do with a single gradient is incredible.

The State of CSS 2024

Keeping up with CSS updates feels like a full-time job.

My solar-powered and self-hosted website

“We can make the web a greener, more efficient place.“

“We can return to that place where the web is a place of wonder, where all of us feel that same burning feeling of excitement as we push the web back towards the wonderful, beautiful, joyful place it ought to be.”

You should be using an RSS reader

“RSS will nudge the whole internet towards a better state.”

How I organize variables in Figma

Managing variables in the design tool requires many decisions.

Notes on the vanishing .io top-level domain

“Registering a domain is different from owning a domain.”

Searching for and navigating Git commits

How to make exploring commits much more enjoyable.

You can use ‘text-wrap: balance’ on icons

The new CSS property doesn’t only work on text.

What makes a font accessible?

Selecting the right font goes beyond aesthetics.

Why are static site generators so complicated to use?

“Modern static site generators are a bit like a hard video game.”

Introducing AI assistance in Chrome DevTools

What’s coming with the AI assistance panel.

Help us choose the final CSS Masonry syntax

Get the latest updates and share your feedback.

Farewell, sitelinks search box

Google drops site-specific searches from result pages.