How Shadow DOM and accessibility are in conflict

The current situation and what needs to happen next.

“Remember: Underscores in URLs are trashy. Hyphens are classy.”

W3C launches beta of its new website

The World Wide Web Consortium is modernizing its website.

On Container Queries, responsive images, and JPEG-XL

Responsive images conflict with Container Queries. Can JPEG-XL help?

Meet Penpot

An open-source design platform made for designers and developers alike.

The evolution of Signals in JavaScript

What’s behind the recent buzz around the term “Signals”?

9 years of the Google algorithm

Google Search is changing faster than ever.

GA4 Automigration

Already setup Google Analytics 4? Avoid automigration by opting out.

Revisiting Framer

What to expect from the latest version of the trending design tool.

Introducing ChatGPT and Whisper APIs

Developers can now integrate both language models into products.

The web needs a native .visually-hidden

What if you want to hide something visually, but still expose it to assistive technologies?

Free Faces

A collection of typefaces that are available under a variety of free licenses.

“Walking around and thinking about a problem is underrated. It can be much more productive than sitting in front of a computer and typing code. Coding is easy once you’ve figured out what to code.”

Directing user attention

“Attention is the key to creating successful websites and apps.”

Tether elements to each other with CSS anchor positioning

How CSS anchor positioning enhances web UI controls.

Responsive headlines are about to get awesome

CSS Headline Balancing, proposed a decade ago, is coming to Chrome.

The most popular experience design trends of 2023

A panoramic view of the current UX design trends and how they have evolved.

Magical vector fields

An interactive journey into noise-based vector field methods.

“If-statements show a lack of conviction. Your code should execute all the time.”

Curated Design

Find design inspiration in this catalog’s handy categories.

Phind

An AI search engine for developers with instant answers and code snippets.

First look at Google Chrome’s Blink engine running on an iPhone

“Google’s Blink for iOS project is already making significant progress.”

Accessible Palette

Create color systems with consistent lightness and contrast.

Carbonyl

A Chromium-based browser built to run in a terminal.

I doubled-down on RSS

What RSS is, how to use it, and why it is important.

The next generation image format for the web is not JPEG XL?

Why it seems hasty to dismiss JPEG XL as an option.

RemoveBG

An AI-powered web tool to remove image backgrounds in seconds.

Edit Photo

A private photo editor that lives in your browser.

“There are two types of designers. The one that complains about not having a seat at the table. The one that doesn’t want to join the meetings. And it’s both the same designer.”

Trigonometric functions in CSS

Calculate the sine, cosine, tangent, and more in CSS.

New in Chrome 111

View Transitions API, CSS Color Level 4, new color devtools.

DuckDuckGo launches DuckAssist

The popular search engine starts to provide instant Wikipedia answers.

How people read online

Insights on online reading behaviors and tips for creating accessible text.

An end to typographic widows on the web

A new CSS declaration promises to stop typographic widows virtually.

The most popular build tools for front-end developers in 2023

Key features and benefits of the top build tools for web development.

Some simple ways to make content look good

CSS can make long-form content look wonderful, even for non-designers.

SPA view transitions land in Chrome 111

The present and future of a much-requested feature from developers.

Graphy Lite

Easily create and share interactive charts on the internet.

PWA for beginners

Learn how to create a cross-platform web app with a native look and feel.

“If you’re overthinking, write. If you’re underthinking, read.”

Scrollbar

A web app to design and implement custom CSS scrollbars.

Codeverter

An AI-powered online tool to transform code across languages and frameworks.

Type Design Resources

Guidance, inspiration, resources, and tools for typography enthusiasts.

How to design search in user interfaces

Design practices for creating a user-friendly search on websites.

Tricks for easier right-to-left CSS styling

How you can avoid writing two different sets of CSS.

GPT-4

Open AI brings a much more powerful chatbot than its famous ChatGPT.

Modern font stacks

The fastest fonts available: no downloading, no layout shifts, no flashes.

Progressively enhancing a table with a web component

Let’s build a web component that enriches a regular HTML table.

6 CSS snippets every front-end developer should know in 2023

Toolbelt worthy, powerful, and stable CSS you can use today.

Relative rounded corners

How to create perfectly sized rounded corners inside/outside a UI element.

Future CSS: Anchor Positioning

“Anchor positioning might be one of the most exciting features coming to CSS.”

“‘Great content will promote itself’ is really just a story we tell ourselves so we don’t have to invest any time in promotion.”

Announcing TypeScript 5.0

Simplified configuration, expanded JSDoc functionality, decorators, and more.

GPT-4 demo turns a crude sketch into a functional website

What cutting-edge artificial intelligence is capable of in web design.

Levels of user onboarding

Teaching new users how to use a product’s interface is not enough.

Why you need to know your site’s performance plateau

What it is, how to measure it, and what to do with your new insights.

“We need to stop treating ‘okay design’ like it’s ‘bad design.’ There’s a big difference between ‘could be better’ and ‘this is unusable,’ and it benefits nobody.”

ChatGPT can’t access the internet

“ChatGPT is really good at pretending it can access the internet, inventing entire articles.”

Speeding up the JavaScript ecosystem: npm scripts

Despite their high usage, npm scripts are not well optimized.

The importance of adding accessibility design reviews to the design process

What digital design and blueberry muffins have in common.

“If your site has a favicon when you launch, you launched too late.”

Make Bookmarklets

A web tool that helps you build tiny JavaScript apps stored in a bookmark url.

The end of front-end development

Things are going to change, but not in the scary way people are saying.

Are you making these five mistakes when writing alt text?

The advice ‘describe what you see’ may seem simple, but it’s not.

How web designers can be inspired by architecture

The similarities between the world of architecture and the world of digital design.

Adobe Firefly (beta)

A family of creative, generative AI models coming to Adobe products.

Bard

Google's AI collaborator can boost your productivity and bring your ideas to life.

Create images with your words

Bing Image Creator comes to Microsoft’s AI-powered search engine.

MySQL for Developers

A video course to learn everything you need to know about MySQL.

GitHub Copilot X

GitHub Copilot adopts GPT-4, brings chat and voice interfaces, and more.

Open UI and the Popover API

It’s time to handle our basic popovers without the explicit need of JavaScript.

Little UI design rules that make a big impact

UI design is easier with logical rules and guidelines.

Visually hidden content is a hack that needs to be resolved, not enshrined

Do we need to standardize the visually hidden CSS ruleset?

Web fingerprinting is worse than I thought

The current state of web fingerprinting and how to protect yourself.

“Good freelance is 50% talent, 50% people skills.”

ChatGPT plugins

Developers can now build plugins for the popular AI chatbot.

When is :focus-visible visible?

How browsers determine when a focus outline is necessary.

Preventing too-short final lines of text blocks

A CSS proposal to get direct control over widows in text blocks.

Health benefits of browser diversity

“A pivot in strategy from Apple could open up so many doors to a healthier web.”

We updated our RSA SSH host key

GitHub resecures its Git operations as a precaution. Are you affected?

The search element

What to expect from HTML’s new grouping content element.

“We’re about to enter a world where we will have no way to know if any image or video is real or not. And we seem to have no plan for how to deal with that.”

CSS-only widgets are inaccessible

The problem with most interactive widgets powered exclusively with CSS.

Affordances

How we can offer diverse ways of consuming regular content.

Ruffle

Flash is back on the web – with a Rust-based Flash Player.

WebKit features in Safari 16.4

Apple’s most gigantic WebKit release yet, including PWA features!

AI written, AI read

We’re rapidly entering the age of TL;DW (Too Long; Didn’t Write).

Arc is coming to iPhone

However, the innovative Browser Company won’t replace Safari on iOS/iPadOS yet.

Fighting inter-component HTML bloat

Ways to deal with an unwanted byproduct in design systems.

Push notifications are now supported cross-browser

Finally, you can deliver timely and valuable notifications to your web users.

JavaScript import maps are now supported cross-browser

Importing ES modules becomes a lot better.

Data table design UX patterns

A complete guide on how to design delightful data tables.

sqlTranslate

Easily translate SQL commands into natural language and vice versa.

2023 state of design systems and where we take them next

How far design systems have come and where they are heading.

VS Code has a hidden built-in browser

How to enable live previews inside of the popular code editor.

Introducing Spline AI

The power of AI is coming to the 3rd dimension, objects, animations, and scenes.

The complete guide to user interviews

A walkthrough of the steps involved in the interview process.

One in two new npm packages is SEO spam right now

Just README files with links to various malicious websites.

Modulor

An all-purpose, ready-to-use design system for your website.

A comprehensive checklist for running design workshops

Considerations for planning design workshops with people in mind.