Dark mode in 5 minutes, with inverted lightness variables

How to build a basic dark mode with CSS custom properties.

“How to become a better designer: Be a better person.”

Core Web Vitals & Page Experience FAQs

Google’s answers to questions about Core Web Vitals and Search.

Poulette, the color palette

Proof of concept for a color mixer interface.

Stark Public Library

The largest, centralized accessibility resource on the web.

Free font alternatives: The ultimate guide

Good replacements for some of the most popular paid fonts.

Storybook 6.2

Wide support for web frameworks, packaging tools, and bundlers.

Developing for imperfect: Future proofing CSS styles

Things can break, but modern CSS provides solutions.

Container Queries are actually coming

They will transform UI design, just like media queries did.

100 things I know about design

The many ways to look at design from unusual perspectives.

Best practices for cookie notices

Optimize cookie notices for performance and usability.

The beginner’s guide to link building

A guide to get you going quickly, and in the right direction.

The Clubhouse clones are coming

Voice channels from Slack, Spotify, Facebook, Instagram, and Discord.

Wormhole

Private file sharing with end-to-end encryption and link expiration.

Conic.css

Nice, simple conic gradients.

Debug Web Vitals in the field

How to identify and fix real-user issues with analytics.

“Designers who credit the other designers and people who worked on projects in their portfolios: I see you and I appreciate you.”

NFTs weren’t supposed to end like this

Non-fungible tokens for artists: how it’s started and how it’s going.

533 million Facebook users’ personal data have been leaked online

Posted on a hacking forum for free.

Google is testing its controversial new ad targeting tech

What it means for users and web site owners.

Space Jam

Speed comparison of an iconic website, 1996 vs 25 years later.

How to make an ineffective 404 page

Ways to make an already bad situation even worse.

Yahoo Answers will be shut down forever on May 4th

The end of a long and storied internet era.

Accessible front-end components: claims vs reality

What to ask when picking accessible front-end components.

Debugging series 2021: Welcome to the jungle

A series to help you level up your debugging game.

The importance of metrics maturity for evidence-driven teams

The way a team uses metrics is fundamental to its success.

Introducing Clubhouse Payments

The first monetization feature for creators on Clubhouse.

Web browser engineering

How browsers work: build your own basic but complete web browser.

An early impression of Neeva, the ad-free search engine

Neeva comes with new features that set it apart.

Bloo

Low fidelity wireframe kit for design and prototyping.

Squeaky Portraits

Having fun with the CSS clip-path: path() function.

The WebPageTest API has gone public

Automated web performance testing for anyone.

XState Catalogue

A collection of professionally designed state machines.

Sharing content from your device directly into a new WordPress post

Content publishing as if your website is a native app.

“So many people only ever experience bloated, unwieldy SVG markup out of a graphics editor and don’t realise how clear, simple and useful it can be when hand-coded by real humans.”

Cumulative Layout Shift Debugger (CLS)

A tool to identify disturbing layout shifts on web pages.

UX Design Challenges

Real-world exercises to train yourself in crucial UX skills/tools.

Improved data filtering and comparison on Performance reports

Search Console’s Performance reports continue to get more useful.

Skribbl

A growing collection of free, hand-drawn illustrations.

“Feed browsers mostly HTML & CSS and they will work magic for you. Feed browsers mostly JS, and you’re going against the grain. Polish doesn’t take easily when you cut that way.”

Microlink Cards

A code editor for creating dynamic social images at scale.

Debug layout shifts

Thought process and tools to identify and fix layout shifts on web pages.

Designers: mind your language

Collateral damages of over-simplifications in design.

“Don’t ask for advice before you get started, ask for feedback once you have.”

The current state of mobile UX

Many e-commerce sites still have severe mobile UX issues.

Comparing the new generation of build tools

A detailed evaluation of esbuild, Snowpack, Vit, and wmr.

My current HTML boilerplate

A modern basic structure of a HTML document with explanations.

esoteric.codes

Languages, platforms, and systems that break from the norms of computing.

Social media use in 2021

Demographic differences in U.S. users of the top social networks.

Modern CSS upgrades to improve accessibility

CSS accessibility tweaks for users across any device.

“A genuine problem in tech is that we’ve created a culture where people switch jobs too often to experience the consequences of their product and technical decisions let alone have to fix them.”

CodeTour

Visual Studio Code extension to create guided code walkthroughs.

“The best designers I’ve worked with go rogue at least 10% of the time in every project, and that’s how the product ends up better than anyone expected.”

“I have a lot of opinions about code. Well, I’ll go into management. At least I’ll probably have less opinions about that. Me, several years later: Oh no.”

Q: Why blog? A: Blogs are great.

Your thoughts deserve their own plot of virtual land.

“Design agencies are just three freelancers in a trench coat.”

Clubhouse data leak

1.3 million scraped user records leaked online for free.

Remote to who? A working letter

The term ‘remote work’ is a trap, but we can escape from it.

Why Brave disables FLoC

The Brave browser will not support Google’s cookie alternative.

Cloudflare Pages is now generally available

A JAMstack platform to rapidly build and deploy websites.

Who is sharing data with Google's FLoC ad algorithm?

First insights about Google’s new form of ad targeting.

“As a courtesy to others on the website, please remember to click the Read Less button after you are finished reading more.”

Say hello to CSS container queries

How you will achieve more powerful components and layouts.

CSS is a strongly typed language

Let’s demonstrate how strong typing in CSS keeps the guardrails.

Diving into the new Cumulative Layout Shift

First impressions of Google’s upcoming change to the CLS metric.

Tiny Tools

Useful tools outside of closed ecosystems or walled gardens.

New in Chrome 90

CSS overflow: clip, Declarative Shadow DOM, and more.

Critical & common e-commerce SEO issues

How they happen and how you can fix them.

Advertising without cookies

Third-party cookies are going away. What do we do now?

Am I FLoCed?

Find out if you are part of Google’s ad-tech experiment.

natto

An interactive and visual JavaScript playground.

The 2021 conversion benchmark report

Insights to optimize your campaigns and landing pages.

“Great designers are great listeners.”

Overflow issues in CSS

Causes of overflow issues and how to solve them.

Introducing CSS Grid Inspector

A visual grid inspector is coming to Safari.

How to design almost any UI element

A curated list of 58 articles.

Input Kit

Framer’s demo for its interactive inputs in design prototypes.

Chartability

A toolkit to help people make more accessible data visualizations.

Time flies in Google Earth’s biggest update in years

Now you can explore our planet in 4D with Timelapse.

Quick VS Code tip

Automatically add image width and height to images.

QUIC and HTTP/3 support now in Firefox Nightly and Beta

Get ready for the new HTTP version in Firefox.

uiwtf

An experimental laboratory for user interfaces.

2021 design leader salary report

Numbers from more than 600 people in 38 industries and worldwide.

FTP is 50 years old

The amazing history of the File Transfer Protocol.

Flying 2D code

A scannable QR code advertisement created by drones.

Journal of Information Architecture, Spring 2021

The well-known journal on IA is back, with a few long-awaited changes.

“Software engineering is just as much about people as it is about code. Empathy matters tremendously.”

HTML autocomplete

Plain HTML autocomplete input, supported by all modern browsers.

Content-aware image resizing in JavaScript

We all know responsive images, but responsive image content?

15 DevTool secrets for JavaScript developers

DevTool features can save you hours of coding effort.

“Never underestimate your odds of building something that gets noticed. If you’re willing to be more obsessed with the problem than anyone else on the entire planet, your odds are honestly pretty close to 100%.”

More time, tools, and details on the page experience update

Google Search’s new ranking signal goes live this summer.

Open source goes to Mars

GitHub introduces a new badge for Mars 2020 Helicopter contributors.

Visual Studio 2022

Faster, more approachable, more lightweight, and 64-bit.

Perfecting on-page SEO for e-commerce product pages

A cheatsheet with 22 elements to think about.

“I know a ton of Ruby devs who named their kid Ruby but not a single JavaScript engineer with a kid named DOM.”

“The more I learn about the power of exciting new frameworks, the more I marvel at the genius of basic HTML.”

Framer for Mac and Windows

Now you can get the prototyping tool right on your desktop.

The almost-complete guide to Cumulative Layout Shift

What CLS is and measures, how you can see and fix it.

“The best writing advice I ever received was ‘always write for a specific, real-life person’. Your writing will be clearer, more authentic, and easier too.”