‘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.

Oh no, overflow!

Mastering CSS overflows in layouts and with scrollbars.

Off The Main Thread Podcast

Two code ninjas discuss the latest around web development.

HTMHell Advent Calendar 2023

24 articles in 24 days, mainly on front-end development.

Detecting when a Web Component is loaded with CSS

Easily hide a required JS component until instantiated.

JavaScript console methods

“You might discover methods that you didn’t know existed.”

Announcing Deno Cron

The widely-used JavaScript runtime simplifies cron job setup.

Why simply translating your UIs won’t work

How Power Distance affects cultural aspects in UX design.

CSS Hooks

Inline styles doing what we thought they couldn’t.

A year working with HTML Web Components

How they could shape the future of web development.

Firefox on the brink?

The big three may effectively and quickly be down to a big two.

Better floats, :has(), color-mix(), and more

Servo, the evolving browser engine, is steadily improving.

The UX of HTML

Let’s talk about ‘HTML UX’ instead of ‘semantic HTML!’

Advent of Code 2023

An Advent calendar of small programming puzzles.

The new best way to run a LLM on your computer

What to expect from Mozilla’s Llamafile (think your own ChatGPT).

Web Performance Calendar 2023

The yearly publication about everything web performance.

Doubling down on RSS

“I’ve learned that RSS support is surprisingly good, even today.”

Web development advent calendars for 2023

This year’s advent calendars covering web-related topics.

Profile Picture Generator

Create a unique avatar with your photo and a selected style.

500 doodles and scribbles

A vibrant collection of 500 hand-drawn vectors.

Animotion

A no-code tool to craft polished CSS animations visually.

Weird HTML hacks

Workarounds got our web pages through rocky times.

CSS Relative colors

Where the new CSS feature comes in handy.

You don’t need JavaScript for that

Some cool examples to challenge your assumptions.

Vectorizer AI

Easily convert your image bitmaps to SVG vectors.

State of AI Report 2023

Tech people’s perspectives on AI and its practical use.

Does web design matter?

It’s different now than it has been in years past.

CSS Media Query for scripting support

“A pretty great feature for progressive enhancement.”

“Sometimes, you don’t realize you made things easier for yourself, but not so much for your users.”

What happens when cookie banners are poorly designed?

“Don’t abuse the confidence the user places within you.”

“I’ve only been in the EU for a week, and those ‘Are you sure you don’t mind cookies?’ web prompts are driving me bananas! I’ve heard about this, but to experience it firsthand is… eye-opening.”

Best practices to improve emoji accessibility

How you can prevent the most common issues.

Unrot (that) link

A new service counteracts link rot on aging websites.

HTML, the programming language

It’s based on HTML, the markup language.

Let’s learn how modern JavaScript frameworks work

Building one is the path to comprehension.

Baseline’s evolution on MDN

MDN has enhanced its browser support widget.

The State of Mozilla 2023

Mozilla’s engagement for a better internet in 2023/2024.

Enhanced Web of Things connects diverse IoT ecosystems

New W3C recommendations expand the scope of WoT.

Astro 4.0

New APIs, new dev toolbar, faster builds, redesigned docs.

Visual Electric

An image generator designed for the creative process.

Top visual trends of 2023

What captivated the creative community this year.

Web performance tools should report carbon emissions

Why we better embrace progress over perfection.

How to achieve consistency in Dall-E images

Easily retain a subject in a series of images with prompts.

Preparing for a live demo

Live demos needn’t be as scary as they seem.

Gemini

Google’s new AI model handles text, images, video, audio, and code.

Security headers using the HTML ‘meta’ tag

Benefits and limits of declarative HTML security headers.

Making SVG loading spinners

An interactive guide illustrating how to craft them.

User Interface Typography

Theory and praxis of UI typography, with many illustrations.

Introducing JetBrains AI and the in-IDE AI assistant

JetBrains has released its long-awaited AI Assistant publicly.

sizes="auto" pretty much requires width and height attributes

What’s odd about the new auto-sizes for lazy-loaded images.