Honk variable font

A fun color font with countless options for text effects.

Open Web Docs Report 2023

The open source group’s impact on web documentation.

Some Git poll results

How developers use and think about Git.

Iteration makes all the difference

A great icon for your app can be a process.

The unreasonable effectiveness of inlining CSS

How inline CSS can help improve web performance.

JavaScript Signals standard proposal

An early common direction for signals in JavaScript.

How to align column rows with CSS subgrid

Aligning content of boxes that sit side by side.

An interactive guide to CSS container queries

How they help us to write fluid components

Learn JavaScript

An in-depth course on the basics of JavaScript.

What AI can do for (and to) existing web accessibility tools

Let’s explore AI and accessibility from three angles.

Upscayl

An open-source desktop app for upscaling images.

The many, confusing file system APIs

Let’s find a way out of this labyrinth.

Jpegli

Google introduces an advanced JPEG coding library.

DALL-E now lets you edit images in ChatGPT

Tweak your AI creations without leaving the chat.

Disney’s 12 principles of animation, exemplified in UX design

How motion helps to solve UX challenges.

Custom CSS pseudo-classes for web components

Get ready for a basic feature for custom HTML elements.

How fast do websites load In 2024?

A look into web speed using Google’s CrUX report.

Simple steps to turn icons into mini illustrations

How to visualize your content with a special touch.

JavaScript visualized: Promise execution

A deep dive into some of the inner workings of promises.

Optimizing SQLite for servers

How to tweak an underestimated database engine.

You might consider using an image sitemap

Particularly if you have a website with extensive imagery.

Cally

Small, feature-rich calendar web components.

The things users would appreciate in mobile apps

Let’s fight desktop patterns in mobile design.

The basics of legibility

Why some typefaces are better suited for user interfaces.

Indiedex

Connect with indie hackers, designers, marketers, and solopreneurs.

Curation of curations

The curated collection of curated design collections.

“Don’t try to be clever. Don’t try to fight the browser. Lean into it and let the platform do what it does best.”

BentoGrid

Craft responsive Bento layouts without coding.

The design philosophy of great tables

Principles and guidelines for designing impactful tables.

The value of design tokens in modern web development

“The secret to building consistent, maintainable websites.”

A complete guide to CSS logical properties

What they are, how they work, and their use cases.

The impact of AI on front-end information architecture

Can AI amplify the work of information architects?

Testing HTML with modern CSS

How to mark problematic HTML patterns without JavaScript.

Why it seems like the sky is falling for digital design

The digital design industry evolves, but we can adapt.

Front-end development’s identity crisis

What am I – and if so, which ones?

Google explains how it chooses canonical webpages

Why duplicate pages can be important for SEO.

LogoFav

A searchable and filterable collection of company logos.

New to the web platform (March 2024)

The latest browser features at a glance.

Penpot 2.0 is now yours to explore and enjoy

The next level of the design/development tool is here.

The debugger’s toolkit

How to master the art of troubleshooting code.

Figma prototypes vs. HTML prototypes

“Do the cheapest thing to test your idea.”

Understanding Interaction to Next Paint (INP)

How the new web performance metric works.

Open Fonts NoirBlancRouge

The open-source fonts of the Paris-based type foundry.

Release notes for Safari Technology Preview 192

You can now get a sneak peek of View Transitions in Safari.

People are bailing on Safari after DMA impact

Indie browsers report significant spikes in users.

Making version noir

A responsive homepage which takes the form of a comic.

WebAssembly adoption

Is slow and steady winning the race?

Distributed SQLite: Paradigm shift or hype?

Web apps can already become globally blazing fast.

Creating perfect font fallbacks in CSS

The power of ‘size-adjust’, ‘ascent-override’, and ‘descent-override’.

Distribute ideas, not content

Tie together all content efforts with a central idea.

Writing a great UX/UI portfolio case study

How do you stand out from the crowd?

‘AI’ won’t solve accessibility

“We already have all the technology to make wide-spread accessibility a reality.”

Blockin’ bots

How to block AI bots effectively with your site’s .htaccess.

EchoFeed

Send your website or blog posts all over the web.

Minipic

Quickly convert and compress your images locally.

Web Check

Get insights into the inner workings of your website.

Faces.js

Generate vector-based cartoon faces with a JavaScript library.

Self-Hosted Software

A collection of applications/alternatives for self-hosting.

Some of the best free fonts

“They can help your content land the way it deserves to.”

Layered toggles: optional CSS mixins

“The next evolution of space and cyclic toggles.”

WordPress Patterns

A collection of block patterns for your WordPress site.

AI UX-design tools are not ready for primetime

“AI tools won’t be replacing UX designers any time soon.”

Ethics in times of growth design

The challenge of aligning user and business needs.

CSS tricks to master the ‘clip-path’ property

Techniques that can simplify the creation of CSS shapes.

Deblank Colors

Inspirational color palettes tailored to your vision.

CSS in React Server Components

Understanding the future of CSS-in-JS and React.

Don’t use ‘maxlength’ to restrict user input

Let users fix a mistake they aren’t aware of.

UX design is rapidly changing

“It is frightening and exciting at the same time.”

HTMX is so cool I rolled my own

“The philosophy behind it embarrasses the modern JavaScript developer.”

New in Chrome 124

Better view transitions, new declarative shadow DOM APIs, and more.

Invisible success

Showcasing a well-designed, accessible table component.

Centering things

The hardest nut to crack in computer science.

Are web-safe fonts still relevant in 2024?

“Web-safe fonts are not web-safe anymore.”

Mixins three ways

“The web community isn’t done with mixins yet.”

Who should block AI bots?

There is no confident one-size-fits-all answer.

Upgrading jQuery

It’s important to keep your jQuery version up-to-date.

Chrome 125 beta

CSS anchor positioning, keyboard-focusable scroll containers, and more.

How to test your UX content for inclusivity

Checking your content’s resonance with diverse users.

CSS ‘align-content’ for block layouts is now part of Baseline

Easier block direction alignment without CSS flexbox/grid.

The showy/hidey navigation bar

How to build the popular navigation bar pattern.

Evolving the Wolvic interface

Past achievements and future plans for the XR browser.

Coming soon to JavaScript near you?

Some striking TC39 stage 2 proposals currently in the works.

A primer on the cascade and specificity

Two of the most fundamental parts of CSS explained.

AI isn’t useless, but is it worth it?

“I’m not sure that a ‘kind of useful’ tool justifies the harm.”

Deprecating third-party cookies

A small step towards a more private web.

Why PHP usage has declined by 40% in just over 2 years

What WordPress’s shift to ‘JavaScript-first’ means for PHP.

PHPUgly

“The podcast your mother warned you about.”

Announcing Mini Web Machines

A video series featuring code bits that power great UX.

The analog web

“What you create on the web can be whatever you want it to be.”

Introducing JS Naked Day

Let’s disable JavaScript on our sites or surf without it on April 24th.

No Web Without Women

Innovations by women within computer science and technology.

Super~Goods

Inspiring links on digital culture, communication, and design.

Gobble Bot

A scraper to digest your content into one text file.

Considerations for AI opt-out

The current status of website AI opt-out mechanisms.

Long alt text

Ways not to write text descriptions for images.

Moving away from primary, secondary and tertiary buttons

Benefits of favoring emphasis over hierarchy in button design.

Help us invent CSS Grid Level 3

How should CSS handle masonry-style layouts?

What even are dragging movements?

Ways to make dragging patterns more accessible.

CSS Shape

A collection of easily customizable CSS-only shapes.

The art of design system recipes

How recipes enhance the ecosystem of your design system.