Find a good available .com domain

A smart alternative to typing random ideas into a registrar search.

Building a toy browser

The online book Web Browser Engineering get you started.

It’s time to learn about passkeys

Apple’s, Google’s, and Microsoft’s no-password login technology.

Research Bookmark

Countless resources around UX research, including a search engine.

Component Encyclopedia

Explore the world’s UI components to learn techniques that actually work.

CSS Shadow Gradients

A CSS generator to create shadows with a color transition.

How designers can help drive better engineering practices around user interfaces

Diagnose and fix any gaps to shipping high quality UIs.

Better scrolling through modern CSS

There’s more to scrollbars than you might expect.

CSS GUI

A growing collection of composable visual editors for CSS properties.

The end of localhost

Development environments should be cattle, not pets.

Plain language web writing tips

What you can do to help your readers complete their tasks.

HTML5 UP!

Responsive and customizable HTML5/CSS3 templates.

“Regex is just typing random letters and symbols until it works.”

End of life: Internet Explorer

Today, Microsoft officially retires its once-dominant web browser.

Firefox rolls out Total Cookie Protection to all users worldwide

Mozilla is shipping Firefox’s strongest privacy protection to date.

The world’s most satisfying checkbox

A case study of applying game feel to product design.

The folly of design system “foundations”

“The idea of ‘foundations’ in design system work is a black hole.”

Adobe plans to make Photoshop on the web free to everyone

For now, it’s testing a freemium version in Canada.

SQLite’s web renaissance

The little embedded database is having another moment.

Internet Explorer 11 has retired and is officially out of support

What you need to know.

Accelerating GitHub theme creation with color tooling

The story of Primer Prism, GitHub’s open-source color tool.

Simplifying Search Console reports with an updated item classification

See more quickly which issues affect your site’s appearance on Google.

AbortController is your friend

There are more use-cases for the new JavaScript feature than you might think.

New syntax for range media queries in Chrome 104

A look at how it can streamline your media queries.

The State of Link Building Report 2022

Insights into how SEOs approach and conduct link building.

What’s new in DevTools (Chrome 103)

Picking a color outside the browser, improvements in many panels, and more.

Faulty assumptions and unwanted features of most web design tools

How design systems amplify process and tool problems.

Conditionally styling selected elements in a grid container

A neat way to display selectable options in a grid.

Tauri

A toolkit for developers to build desktop applications with a web frontend.

GIMP 2.10.32 released

The open-source image editor now supports JPEG XL loading and exporting.

The real Internet Explorer gravestone

“He was a good tool to download other browsers.”

Design Systems Survey 2022

What your peers had to say about their design systems.

Just put stuff out there

“Don’t overthink it – hit publish.”

The cost of convenience

A profound exploration of what makes a good developer experience.

Using Display-P3 color

How to use particularly bright accent colors on the web.

Complex vs compound CSS selectors

Do you need to learn the difference?

Macaron

An open-source UI design tool to create and maintain Web Components.

Bunny Fonts

An open-source, privacy-first web font platform.

Svelte Tutorial

Learn the popular tool for building web apps right inside your browser.

CSS Reset

A CSS reset that uses modern features such as :where() and logical properties.

Code overflows

When your code finally works but you have no idea how.

Responsive design process that works

A process to solve a wide range of design problems.

AutoAnimate

Add motion to your apps with a single line of code.

The surprising psychology of fonts

A new study suggests that different fonts can elicit different emotions.

Full-width background color

A CSS one-liner to extend the background color beyond an element.

GitHub Copilot is generally available to all developers

It’s free for maintainers of popular open-source projects and students.

Release notes for Safari Technology Preview 147

Passkeys, Web push, Flexbox Inspector, Web Inspector Extensions, and more.

Reinventing Adobe Spectrum’s colors

What it means to change the foundation of an enterprise-level design system.

The smallest CSS

“It’s kind of amazing what you can do with less than 15 lines of CSS.”

One-liner for running queries against CSV files with SQLite

The default sqlite3 command line utility makes it possible.

The dos and don’ts of pairing typefaces

How to choose typefaces with consistency and readability in mind.

What makes a great developer experience?

A wide range of opinions about great DX in different development activities.

“Designers who have the time to name layers scare me.”

A new way to write longer on Twitter

Twitter is testing a new feature called Notes.

Tailwind templates

Modern CSS website templates built with React and Next.js.

Stack Overflow Developer Survey 2022

What developers want, how they level up, and which tools they use.

2022 Logo Trend Report

The 20th annual Logo Trend Report presented by LogoLounge.

Early Hints update

How Cloudflare, Google, and Shopify build a faster Internet for everyone.

Defensive CSS

Practical CSS and design tips that helps in building future-proof user interfaces.

Parti

Google AI’s model that creates photorealistic images from descriptions.

“The World Wide Web is a medium that, for nearly 30 years, has enabled developers to continually reinvent the exact same way to blog.”

JavaScript battle

While four parties quarrel, a fifth rejoices.

Accessible design systems

Sustainable accessibility by embedding accessibility in a design system.

Apple is not defending browser engine choice

“Apple uses its power over browsers to strip-mine and sabotage the web.”

The demo -> demo loop

“The secret to making successful creative products.”

Craiyon (formerly DALL-E mini)

An AI image generator that draws images from any text description.

A beginner’s guide to inclusive UX design

What it is, why it matters, and lots of resources.

Style queries

Use cases in which CSS style queries provide unique capabilities.

Random notes around service workers development and testing

Things to know about service workers.

Building truly accessible digital products goes way beyond your limited checklist

Accessibility compliance is a benchmark, not a checklist.

WorldWideWeb, Part II

A simple web server for macOS, iPadOS, and iOS.

Alternatives to installing npm packages globally

Pros and cons of different ways to install npm packages locally.

RegExp v flag with set notation and properties of strings

JavaScript regular expressions are getting more powerful.

Ecma International approves ECMAScript 2022: What’s new?

The ECMAScript 2022 language specification is officially a standard now.

Next.js 12.2

Middleware, On-Demand ISR, Edge API Routes, Edge SSR, and more.

Ethical Design Resources

Principles, frameworks, toolkits, books, articles, and organizations.

W3C to become a public-interest non-profit organization

The World Wide Web Consortium, responsible for developing web standards, goes independent.

Releasing Color.js

A JavaScript library to deal with colors in a wide variety of color spaces.

Touch-first cursor: round pointers vs. mouse arrows

Some observations and new things to consider with touch cursors.

Fresh 1.0

A new full-stack web framework for Deno, a runtime for JavaScript.

Figma Widgets

Interactive utilities, trackers, polls, and more for Figma and FigJam.

Make way grid effect

Adjoining grid items move aside for a selected one that expands.

Hovercode

Create, track, and manage dynamic QR codes for your brand.

Farewell to HTML5Rocks

The end of an era for the once-popular resource for HTML5 developers.

Great web development books you can get online

Freely available online books on HTML, CSS, and JavaScript.

Almost half of GSC clicks go to hidden terms

An SEO study reveals a blind spot in Google Search Console.

Every transition is a page transition?

A closer look at an exciting proposal for animating shared elements across web pages.

The vanishing designer

“We have reached the heat death of design.”

“When you work on something you love, you never think in terms of work-life balance.”

browsers.fyi

Current browser versions and release notes as site, feed, or API.

MP4 to GIF Converter

An online tool to convert MP4 videos to animated GIF images.

Stop the screen going to sleep with JavaScript

The Screen Wake Lock API avoids the need for hacky workarounds.

Responsive snake

If a snake was responsive, how would it be?

Do it yourself: User research for technical documentation

“We technical writers should be doing more user research.”

Position sticky with CSS Grid

How to use ‘position: sticky’ with a child of a grid container.

Suggest.Design

UX design case studies: suggestions to everyday products.

The complete guide to the dark mode toggle

Best practices for implementing a color mode switcher on your website.

“Writing a detailed and thorough ‘bug’ report is often the way I figure out there is no bug.”

Breaking out of a central wrapper

An old CSS problem with some new-ish solutions.

Mind your language

How HTML and CSS can help to build flexible content in multiple languages,