“In every organization, there are more opinions about marketing than other functions because people are exposed to advertising their whole lives and they think it’s easy.”

Understanding the performance impact of anti-flicker snippets

Anti-flicker snippets for asynchronous scripts have some performance pitfalls.

My browser support strategy

Fancy new CSS features need fallbacks for older browsers.

“Performance is an expression of mastery. When teams run systems, they can deliver intentional experiences. When systems run teams, only firefighting is possible – and likely.”

PyScript

Python in the browser.

All the user-facing states

A reference of user-facing states, what they are, and what they are not.

Foundations: lists

How to make HTML lists understandable to a wide range of users.

JSON Visio

A tool to interactively explore and visualize your JSON data.

Why I don’t miss React

A story about using the platform.

You don’t need a UI framework

“I don’t think UI frameworks should be used for most consumer-facing products.”

Deep dive into text wrapping and word breaking

There’s so much that goes into flowing text on a web page.

Wireit

A build tool that works with npm run and upgrades your npm scripts.

“Hiding content is rarely about what ‘mobile users’ want; it is almost always about a process that prioritized the widescreen experience until the very end.”

Framer CMS

How to create and publish a blog in Framer Sites using the CMS.

Contextual spacing for intrinsic web design

The user’s browsing environment is unpredictable, but CSS can help in many ways.

“The best design advice I have is to take breaks and rest.”

CodeSandbox for iOS

A full-fledged Cloud IDE on iPhone/iPad for web developers.

One step closer to a passwordless future

Website sign-ins by simply unlocking your phone.

23 measurement definitions every content marketer should know

Important terms around your content’s performance strategy.

Roboto … but make it flex

Google’s most popular font gets customizable.

Learn CSS Subgrid

“CSS Subgrid will open up a lot of possibilities that weren’t possible before.”

Please, stop disabling zoom

What looks like a trend has negative consequences for some users.

Designing a better language selector

All the fine little details of a language selector we need to consider.

“Making a simple API is easy if you sacrifice flexibility, targeting a single use case. The real challenge is keeping it simple while user requirements get more advanced.”

It’s time we fix the unethical design of cookie consent windows

Alternatives to forcing users to accept all cookies.

“Any time someone says ‘buttons are the simplest components,’ I can’t help but think ‘you’re new here aren’t you?’”

Styling ‘select’ elements for real

The current state of styling selects on the web.

The next chapter for Cloudflare Workers

Cloudflare open sources the runtime of its serverless execution environment.

Email marketing, new pricing plans, UI updates, and more

Lemon Squeezy is now free (up to 500 subscribers).

A product design process for the real world

Ted Goas’ playbook to break down and execute design projects.

Apple is a massive force in AR

But it has yet to add support for web-based AR to the iPhone.

Variable Fonts

A simple resource for finding and trying variable fonts.

Short URLs: why and how

It’s not about a URL shortener; it’s about shortening your original URLs.

Updated Working Draft of Selectors Level 4

New CSS pseudo-classes are on the way: :modal, :muted, :autofill, and many more.

An opinionated piece about designers who describe their work as accessible.

Identifying and testing blocking third-party requests

How they can hurt your website’s performance and what to do about it.

Readability: the optimal line length

The optimal line length for body text is 50–75 characters.

Announcing D1: our first SQL database

Cloudflare will soon offer to auto-store your database wherever your users are.

Variable fonts support in Figma

Figma’s introduction and playground to learn more about variable fonts.

State of CSS 2022

Web styling features of today and tomorrow briefly explained.

Blob Animation

A little online tool to create smooth animated SVG blobs.

MLU-Explain

Visual explanations of core machine learning concepts.

“Instead of thinking about web design in terms of ‘mobile’ or ‘desktop’ we should think about layout as a ‘continuum,’ where mobile and desktop may be at the extremes.”

Bringing page transitions to the web

An introduction to the upcoming page transition API.

Social Image Maker

A simple online tool to create labeled images for popular social networks.

COLRv1 and CSS font-palette: web typography gets colorful

“Color fonts open up an entirely new vein of typographic creativity.”

Markdoc

A powerful Markdown-based content authoring system.

WordPress’ market share is shrinking

“WordPress, for the first time in a decade, is being out-‘innovated’.”

Bootstrap 5.2.0 beta

Redesigned docs, component CSS variables, design tweaks, and more.

Building a musical instrument with the Web Audio API

A keyboard accordion based on the Web Audio API, plain JavaScript, and Svelte.

Motion DevTools

A Chrome extension for creating CSS and Motion One web animations.

On Design Thinking

“Design Thinking is linear, simplistic and procedural. Real Design work is complex, chaotic and messy.”

8 JavaScript quiz questions that may confuse you

Some fundamental and tricky stuff around JavaScript.

Designers, (re)define success first

What prevent us from practicing daily ethical design.

Don’t fight the browser preload scanner

When it comes to web performance, some browser internals matter.

“The core of information architecture is quite simple: it’s about organizing stuff to make it easier to find and understand.”

“There are plenty of frameworks/libraries/tools I don’t like, but I try not to talk shit about them. I’ve been on the receiving end of people criticizing the free and open-source stuff I’ve built, and it isn’t fun at all.”

Google I/O 2022: that’s a wrap

Web-related announcements from Google’s latest developer conference.

OptimizeImages

A single online toolkit with various image optimizers and converters.

OOUX and design systems

Object-Oriented UX for design systems: articles and podcast episodes.

“Psst, users don’t care whether the space is 24px or 36px, they just want a readable, usable experience.”

The surprising truth about pixels and accessibility

Let’s answer the question “Should I use pixels or rems?” once and for all.

How do modern frameworks perform on the new INP metric

The Interaction to Next Paint of popular JavaScript frameworks in comparison.

I replaced my native iOS app with a cross-platform web app and no one noticed

It’s worth taking a look at cross-platform web apps.

color  ×  color

A web tool to generate color shades in different color spaces.

Rethinking Server-Timing as a critical monitoring tool

Why the HTTP Server-Timing header deserves our attention.

“It’s pretty wild how many framework authors out here are basically admitting that they don’t grok how HTML and DOM work.“

Ideas from developers on handling UX feedback

Actionable insights from developer interviews for your team.

Pleasantest

Automated UI testing in a real browser, with a familiar and intuitive syntax.

WCAG 2.2. and WCAG 3 status updates

“We expect WCAG 2.2 to be available later this year. WCAG 3 will not be available for at least 4 years.”

css-buttons

In this CSS button collection, there is something for everyone.

Find and manage your installed apps and sites

With Microsoft Edge, you can install any website as an app.

Web Accessibility Checklist

A checklist for creating accessible websites and web applications.

Ahrefs SEO Toolbar

SEO report, broken link checker, redirect tracer, and more in one browser extension.

First look at the CSS object-view-box property

A new CSS property to crop and zoom images, just like SVG.

Calculating digital emissions

A methodology to calculate carbon emissions from digital products and services.

Stack under attack

DDoS attacks can often come with success on the internet.

ARIA Authoring Practices Guide

How to build accessibility semantics into web patterns and widgets.

Design happens between breakpoints

Static mockups: another pitfall in the traditional web design process.

The balance has shifted away from SPAs

“Single-page applications are no longer the cool kids they once were 10 years ago.”

Building accessible toggle buttons

With examples for the web frameworks Svelte, Vue, and React.

“You cannot design effectively for users if you never talk to them.”

Naming colors in design systems

How language brings logic to a subjective topic.

A dev’s thoughts on developer productivity

“If we don’t talk about developer productivity, someone else will.”

Solid in 100 seconds

A short overview on a JavaScript web framework similar to React.

Layouts RFC

The biggest update to Next.js since it was introduced in 2016.

“There are parallels between accessibility and performance: both often underfunded, not prioritized and hard to instill within organizations. Both also critical to access and equity on the web.”

Min-Max-Value Interpolation

CSS clamp() calculator that helps to create fluid types and spacing.

Ghost 5.0

“The next generation of powerful technology for independent publishers.”

Giving a damn about accessibility

A candid and practical handbook for designers.

Subsetting.xyz

Type foundries that allow you to subset their fonts to speed up your website.

WordPress 6.0 “Arturo”

Better writing and designing experience, stability, performance, and usability.

Announcing TypeScript 4.7

ECMAScript module support in Node.js, more powerful conditional types, and so on.

What’s new for Microsoft Edge at Build 2022

Highlights of WebView2, Progressive Web Apps on Windows, and Edge DevTools.

Dark mode toggles should be a browser feature

“There should be easier ways to switch Dark Mode on a per-site basis.”

Lesser-known and underused CSS features in 2022

What if one of your requested CSS features is already available?

The forgotten benefits of “low tech” user interfaces

“Low-tech user interfaces can be superior to high-tech ones.”

Interactive typography tutorial

Learn the logic of great typography in a 5-minute interactive tutorial.

Customizing color fonts on the web

Color fonts are a great improvement over graphic images.

An introduction to Google Search Console

Where Google gives you exclusive and actionable insights into your website.