Minimalist affordances

Simplicity in design can hurt UX if you go too far.

New security headers grading criteria

Security Headers, the security scanning tool, gets an update.

Using CSS to boost your rendering performance

CSS ‘content-visibility’ can speed up your page’s initial load.

Breaking down a design

What helps to prepare a design for development.

How Core Web Vitals saved users 10,000 years of waiting

Today, over 40% of sites pass all of Google’s UX metrics.

How to build mature Design Systems

A reflection in dialogue with the ideas of a pedagogue.

What’s new in DevTools (Chrome 120)

Third-party cookie phaseout, improved animation debugging, and more.

CSS nesting relaxed syntax update

What has changed in the spec and from Chrome 120.

Simplify the UX of your data entry

Ways to make data entries more user-friendly and painless.

A faster web in 2024

The current state of web performance (metrics).

Tips for becoming an indie author

Practical advice for crafting and publishing your own book.

“Use ChatGPT for RegEx stuff. Nobody understands how this works anyway.”

Blog.txt

“Plaintext is the one thing that a blog needs.”

Let’s Get Creative

A collection of high-quality online creativity tools.

HTML web components

“It feels like web components are having a moment right now.”

Monaspace

An innovative family of monospace fonts for code.

Responsive design in Figma

How the tool simplifies your cross-device design process.

SVG ViewBox

How the SVG ViewBox works; a creative coding lesson.

State of the Designer report 2023

How the shifting work context have impacted designers.

Accessibility annotation kits only annotate

They can be harmful when misunderstood or misused.

Lost in translation

Some practical tips for multilingual web accessibility.

Understanding Accessibility

How people with disabilities interact with the web.

Cookie permissions 101

Design guidelines for a website’s cookie-permission request.

(Don’t) mind the gap

“The CSS Flexbox ‘gap’ property is pretty cool.”

Creating accessible UI animations

The challenge of implementing accessible animation principles.

Cracking a ‘DevTools killer’ script…

Developers can go far to hinder you from code inspection.

HTML Web Components

“On the web, augmentation wins in the long run.”

How to design more intuitive websites and apps

An introduction to the world of object-oriented UX.

Step into the light (DOM)

Simple Web Components with just the regular old DOM.

Troubleshooting Edge (or Chrome) browser crashes

How to explore the causes of browser and renderer crashes.

How to make a strong case for UX research

Opportunities to get the endorsement from stakeholders.

Understanding and applying HTML landmarks

How to translate visual information into HTML landmarks.

Interactive image gallery with HTML and CSS

A unique design crafted with the latest CSS features.

When and how to redesign

Things to weigh before kicking off a major redesign project.

The scariest question in product development

When scope creep is right around the corner.

New ways to find just what you need on Search

Google experiments with search results users can follow or comment on.

Why doesn’t AI work for producing accessible code?

The challenge of making AI-generated code accessible.

Continuous discovery vs. research projects

An alternative to user research projects gains momentum.

The CSS ‘scripting’ media feature

Detect whether scripting languages, such as JavaScript, are supported.

HTML Web Components: an example

There are Web Components that run before JavaScript.

Exclusive accordions exclude

The accessibility challenges with exclusive accordions.

Designing mobile breadcrumbs for smaller screens

When and how to use breadcrumbs in mobile design.

Empowering Information Architecture with AI

Can AI categorize and tag over 1,000 blog posts?

Be excited for new features

“Resignation regarding new browser features is outdated.”

HTML Web Components are just JavaScript?

What to expect from the fresh take on Web Components.

“The more we’ve fetishized building websites quickly, the more they’ve all started to look exactly the same.”

Wishful thinking

“The web is a gift that merits being protected, preserved, and promoted.”

AI or not AI: can you spot the real photos?

Take a look at these images and tell which are ‘fake.'

The web can do what!?

A showcase of the incredible capabilities of the modern web.

‘Make Real’ AI prototype wows developers

tldraw now turns drawings into functional web apps.

Should AVIF be the dominant image format on the web?

The answer is familiar but uncomfortable: it depends.

An attempted taxonomy of Web Components

Lessons learned from building open-source Web Components.

Tumblr is betting big on going small

The social network prioritizes user community over growth.

What Pandu Nayak taught me about SEO

An antitrust testimony shed light on how Google Search works.

Until the right design emerges…

The ideal design becomes only apparent in hindsight.

Performing a web accessibility audit

We all know accessibility is critical, but where to start?

Getting started with CSS Container Queries

What they are and where they may replace Media Queries.

Request additional migration time

Google now offers a third-party cookie deprecation trial.

Thoughts on framework churn

Lessons learned from using modern web frameworks.

Shades of intelligence

How creatives are feeling towards machine learning.

Managing remotely hosted variable fonts

With great power comes great responsibility.

SuperMinimalCSS

A tiny design system styled with modern CSS in black & white.

The State of Developer Ecosystem in 2023

Insights into developers’ technologies, lifestyles, and interests.

An interactive guide to CSS Grid

CSS Grid may be more complex than you think.

AI models in software UI

Ways to surface AI assistance in digital applications.

Storefront Design

Handpicked e-commerce inspirations with handy filter options.

How to find and implement internal linking opportunities at scale

“Internal linking is a goldmine to beat your competitors.”

Accessibility testing with Chrome DevTools

A handy way to explore accessibility issues right in the browser.

CSS Nesting

An in-depth guide with many use cases and examples.

Pattern Club

A searchable and filterable gallery of patterns and textures.

Psychology of speed

A guide to perceived performance and less painful waits.

Width and height in CSS

They may not work quite the way you think.

Firefox now lets you send signals to websites not to share data

Mozilla’s browser introduces another privacy-first feature.

Example of an HTML Web Component

An HTML ‘select’ with progressively enhanced interactivity.

How to use ChatGPT in UX design

Things you can try out with just a text prompt.

Why is IPv6 adoption slow?

A walk through the possible causes and potential solutions.

How to create a color palette for design systems

“A method that always works for any design and color.”

PHP 8.3 released

Typing of class constants, deep-cloning of readonly properties, and more.

Your website’s URLs can and should be beautiful

Why URL design matters and how you can do it.

Designing for accessibility beyond compliance

“Accessibility shouldn’t just be about having equal access.”

Old school web techniques best forgotten

When a dancing baby GIF was cutting edge.

“Folks, you may find it hard to believe, but the reality is: the vast majority of the web runs on PHP, MySQL, and jQuery.”

Neubrutalism in web design

An introduction to the rebellious take on Flat Design.

Git branches: intuition and reality

Are you confused about how Git branches work? Read on.

CSS4 is coming (not a clickbait)

We were told that it would never happen, but it will.

Introducing Stable Video Diffusion

Stability AI brings its first foundation model for generative video.

Prompt structure in conversations with generative AI

A study has revealed the key components of an AI prompt.

The State of UX in 2024

Current developments and opportunities in the UX industry.

A few ways CSS is easier to write in 2023

What’s possible today that wasn’t one year ago.

How to use responsive HTML video (...and audio)

HTML video/audio can be delivered using media queries again.

Are design ethics useless?

Or how could we handle pressure to use dark patterns?

The ‘hanging-punctuation property’ in CSS

How to build a blockquote that starts with a curly-quote.

Web Components eliminate JavaScript framework lock-in

They can deliver a uniform interface across frameworks.

CSS oklch() retains perceived lightness for different hue angles

It’s time to switch from hsl() to oklch() for color palettes.

How to use Chrome’s accessibility tree

Debug issues and check custom widgets for accessibility.

SEO Salary Survey 2023

Results of a survey run at Brighton SEO conference.

“SVG filters are some of the most underrated front-end tech. They are ridiculously powerful.”

Keyboard accessibility myths and WCAG

A key aspect of web accessibility is often misunderstood.

Introducing Amazon Q

Amazon launches a generative AI-powered work assistant.

Designer layoff stories

How designers navigate job loss and overcome trauma.