How I built my blog

Web technologies for a blog with 100,000+ code lines.

How to make interactive charts accessible

Ways to ensure every user understands the charts.

The Web Vitals extension, now in DevTools

Support for the popular Chrome extension ends soon.

OpenFreeMap

Custom maps for your website powered by OpenStreetMap.

Cloudflare’s AI content control

Are the AI combat tools a savior or threat to the open web?

Growth design

The role of growth designers in driving business success.

Thoughts on debugging

“Here’s my one simple rule for debugging: reproduce the issue.”

Google Cache is fully dead

Wayback Machine links have replaced cached pages.

Introducing Speed Brain

Cloudflare's new feature makes web pages load 45% faster.

Brave brings local AI to the browser

“A step in the right direction to protect users’ privacy.”

Simultaneous contrast

How you can make your colors appear more vibrant.

Storage for the web

Which browser storage is best for your needs?

Animate to ‘height: auto;’ in CSS

How to animate between lengths and intrinsic sizes.

PostgreSQL 17

The database gets incremental backup, SQL queries for JSON.

The WordPress drama from the sidelines

“The inside track of WordPress is a mess right now.”

Web components are not the future

“The promise of web components is alluring and dangerous.”

Embracing introversion in UX

The power of introversion in UX research and design.

Password input enhancements

Web components that progressively enhance a password input.

AI bots beat 100% of traffic-image CAPTCHAs

“I’m not a robot” can now mean something else.

New standards for a faster, more private internet

Say hello to Encrypted Client Hello (ECH) and Zstandard (zstd).

Pop icons

The bold and joyful style makes your project pop.

Pay Once Alternatives

One-time purchase options for popular subscription tools.

JSON For You

Visualize, compare, validate, format, and minify JSON data.

Creative menu patterns and animations

Inspiring design examples, from minimal to playful.

How to start email marketing 2024

A step-by-step guide to get you started in a short time.

Managing dangerous actions in interfaces

Ways to prevent users from making mistakes.

A guide to JavaScript destructuring

The use of the ‘…’ syntax in modern JavaScript.

The HTML ‘b’ element

Is the element still useful in current practice?

CSS scroll-driven header

Hide the header on scroll down; show it on scroll up.

Web components are okay

“They may not be the future for you – that’s great!”

New to the web platform (September 2024)

The latest browser features at a glance.

The World Wide Web Consortium hits 30 years

On 1 October 1994, Tim Berners-Lee founded the W3C.

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.