Evolve or become irrelevant in tech

“Stay curious, stay sharp, and don’t get left behind.”

WebKit features in Safari 18.0

Apple brings an impressive browser release once more.

Oracle, it’s time to free JavaScript

Let’s release the trademark into public domain.

“Telling designers they shouldn’t use high-fidelity designs early in the exploration process can be the equivalent of telling an artist they shouldn’t use paint and instead only start with rough pencil sketches.”

Don’t rely on Google Fonts for hosting

“If you want consistency, self-host your fonts.”

Get ready for Interop 2025

Your opportunity to help elevate the web platform.

Optimizing for high latency environments

Ways to improve latency-bound visitors’ experiences.

The continuing tragedy of emoji on the web

Websites still need a fix for consistent emoji display.

The over-confetti-ing of digital experiences

How can we make surprises and delights special?

Is the sticky thing stuck? Is the snappy item snapped?

A look at CSS state queries and JS scroll snap events.

Make a mess, then clean it up

“The secret to building great software is writing terrible code.”

Webzibition

Freshly hand-picked websites for your inspiration.

On opting out of copyright

The EU AI Act shifts the burden of compliance to rights holders.

How should we define CSS masonry?

There are two ways CSS could handle masonry-style layouts.

The State of Email in Lifecycle Marketing 2024

How marketers use email across the customer journey.

Monitoring Core Web Vitals in DevTools

All metrics are now in the performance panel.

The already-here future of prototyping

“‘Should designers code?’ is a funny question now.”

Deno 2.0 release candidate

The JavaScript runtime gets a significant update.

New values and functions in CSS

Long-desired features are making it into the specs.

“It’s Friday. I have my finger on the deployment button. 3… 2… 1… never mind, let’s wait til Monday.”

Is your UX copy culturally sensitive?

A guide to crafting culturally sensitive UX content.

Best practices too many newsletters miss

How they can make a big difference in your strategy.

Button group UI design

The art of designing user-friendly button groups.

“I hate programming but I love building. I enjoy turning an idea into reality.”

Redirect Checker

A web tool to analyze and verify URL redirects.

Server Mono

A monospace font for development and coding.

How I build a button component

A set of button instances with their variants.

Introducing TODS

A Typography and Opentype Default Stylesheet.

The rise of the design engineer

Where they come in, and why they’re so valuable.

Rendering optimization with CSS ‘content-visibility’

How a new-ish CSS feature can boost web performance.

An abridged history of Safari showstoppers

“iOS Safari is more than an inconvenience for developers.”

The problem with most product roadmaps

And why a ‘now, next, later’ approach works better.

BCD Watch

A service to help you track browser support changes.

Cloudflare helps content creators

What they offer website owners to combat AI bots.

The timeless power of spreadsheets

How spreadsheets deliver value in a data-driven web.

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.

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.