23 million internal links: a Google SEO case study

How you can optimize your internal website links.

Snaplink

Generate custom link preview images for your webpages from code.

onClick() queueMicrotask()

Did you know about queueMicrotask() in JavaScript? It’s pretty handy.

The case for design engineers

The role of design engineers in the modern web design process.

“To be successful, a content team needs three areas of focus: direction (strategy), implementation (the design work itself), and enablement (ops).”

Hey Meta

Easily check, improve, and generate your website’s meta tags.

Felt

A collaborative mapping tool built for anyone to make maps in minutes.

System Font Stack

Pre-installed fonts can be an excellent choice for websites.

A startup wants to rescue you from browser tab hell

Browser Co. is rethinking the fundamentals of how we use the web.

HTML media capture

Access camera and mic of mobile devices via HTML file inputs.

Oh My Git!

The game introduces players to the popular version control system Git.

Four tradeoffs when designing navigation menus

Tradeoffs we make in conveying UI structure through navigation menus.

Uno

A password manager to make your life on the internet easier.

Accessibility Not-Checklist

What you can do to make your work more accessible and inclusive.

How to store an SSH Key on a Yubikey

An alternative way to store your private SSH keys in hardware.

Angular v14 is now available

The web application framework now with typed forms, standalone components, and more.

Subterranean blogging

“Most of the value of blogging is invisible.”

Too late designs

When you tell your designer about further requirements after a finalized project.

Yep

An alternative search engine that shares its revenue with content creators.

WebKit features in Safari 16 beta

CSS Container Queries, Subgrid, Flexbox Inspector, and much more.

Am I on the IndieWeb yet?

Whatever it looks like, it will take a lot of work to get there.

Ultimate list of Chrome extensions for designers

Handy little tools that can help you fasten your design activities.

Input

A flexible system of fonts designed specifically for code.

SaaS Surf

Curating the web for developers, designers, makers, and creatives.

“I was stuck on a problem and went for a walk, berating myself for procrastinating. Then the answer came to me. How many times do I have to learn this lesson?”

pkg.land

A web tool that helps JavaScript developers to find alternative npm packages.

Obscure CSS: implicit list-item counter

Why you might think about retiring CSS custom counters.

Meet web push

Web Push arrived in Safari on macOS and is coming on iOS/iPadOS in 2023.

“‘Who wrote this shit?’ Me picking back up a project where I am the sole developer.”

Human Interface Guidelines

Apple’s guidance and best practices to design great experiences.

Mobile UX trends: the current state of mobile UX

There are still many opportunities to improve the mobile user experience.

Google image thumbnails for organic results

What they are, how they work, and if SEO helps.

Sunsetting Atom

GitHub has decided to retire Atom, its once-popular code editor.

WebContainers are now supported in Firefox on desktop and Android

You can now build Node.js apps directly in the browser.

Campsite

A home for all the work-in-progress of your design team.

Find a good available .com domain

A smart alternative to typing random ideas into a registrar search.

Building a toy browser

The online book Web Browser Engineering get you started.

It’s time to learn about passkeys

Apple’s, Google’s, and Microsoft’s no-password login technology.

Research Bookmark

Countless resources around UX research, including a search engine.

Component Encyclopedia

Explore the world’s UI components to learn techniques that actually work.

CSS Shadow Gradients

A CSS generator to create shadows with a color transition.

How designers can help drive better engineering practices around user interfaces

Diagnose and fix any gaps to shipping high quality UIs.

Better scrolling through modern CSS

There’s more to scrollbars than you might expect.

CSS GUI

A growing collection of composable visual editors for CSS properties.

The end of localhost

Development environments should be cattle, not pets.

Plain language web writing tips

What you can do to help your readers complete their tasks.

“Regex is just typing random letters and symbols until it works.”

End of life: Internet Explorer

Today, Microsoft officially retires its once-dominant web browser.

Firefox rolls out Total Cookie Protection to all users worldwide

Mozilla is shipping Firefox’s strongest privacy protection to date.

The world’s most satisfying checkbox

A case study of applying game feel to product design.

The folly of design system “foundations”

“The idea of ‘foundations’ in design system work is a black hole.”

Adobe plans to make Photoshop on the web free to everyone

For now, it’s testing a freemium version in Canada.

SQLite’s web renaissance

The little embedded database is having another moment.

Internet Explorer 11 has retired and is officially out of support

What you need to know.

Accelerating GitHub theme creation with color tooling

The story of Primer Prism, GitHub’s open-source color tool.

Simplifying Search Console reports with an updated item classification

See more quickly which issues affect your site’s appearance on Google.

AbortController is your friend

There are more use-cases for the new JavaScript feature than you might think.

New syntax for range media queries in Chrome 104

A look at how it can streamline your media queries.

The State of Link Building Report 2022

Insights into how SEOs approach and conduct link building.

What’s new in DevTools (Chrome 103)

Picking a color outside the browser, improvements in many panels, and more.

Faulty assumptions and unwanted features of most web design tools

How design systems amplify process and tool problems.

Conditionally styling selected elements in a grid container

A neat way to display selectable options in a grid.

Tauri

A toolkit for developers to build desktop applications with a web frontend.

GIMP 2.10.32 released

The open-source image editor now supports JPEG XL loading and exporting.

The real Internet Explorer gravestone

“He was a good tool to download other browsers.”

Design Systems Survey 2022

What your peers had to say about their design systems.

Just put stuff out there

“Don’t overthink it – hit publish.”

The cost of convenience

A profound exploration of what makes a good developer experience.

Using Display-P3 color

How to use particularly bright accent colors on the web.

Complex vs compound CSS selectors

Do you need to learn the difference?

Macaron

An open-source UI design tool to create and maintain Web Components.

Bunny Fonts

An open-source, privacy-first web font platform.

Svelte Tutorial

Learn the popular tool for building web apps right inside your browser.

CSS Reset

A CSS reset that uses modern features such as :where() and logical properties.

Code overflows

When your code finally works but you have no idea how.

Responsive design process that works

A process to solve a wide range of design problems.

AutoAnimate

Add motion to your apps with a single line of code.

The surprising psychology of fonts

A new study suggests that different fonts can elicit different emotions.

Full-width background color

A CSS one-liner to extend the background color beyond an element.

GitHub Copilot is generally available to all developers

It’s free for maintainers of popular open-source projects and students.

Release notes for Safari Technology Preview 147

Passkeys, Web push, Flexbox Inspector, Web Inspector Extensions, and more.

Reinventing Adobe Spectrum’s colors

What it means to change the foundation of an enterprise-level design system.

The smallest CSS

“It’s kind of amazing what you can do with less than 15 lines of CSS.”

One-liner for running queries against CSV files with SQLite

The default sqlite3 command line utility makes it possible.

The dos and don’ts of pairing typefaces

How to choose typefaces with consistency and readability in mind.

What makes a great developer experience?

A wide range of opinions about great DX in different development activities.

“Designers who have the time to name layers scare me.”

A new way to write longer on Twitter

Twitter is testing a new feature called Notes.

Tailwind templates

Modern CSS website templates built with React and Next.js.

Stack Overflow Developer Survey 2022

What developers want, how they level up, and which tools they use.

2022 Logo Trend Report

The 20th annual Logo Trend Report presented by LogoLounge.

Early Hints update

How Cloudflare, Google, and Shopify build a faster Internet for everyone.

Defensive CSS

Practical CSS and design tips that helps in building future-proof user interfaces.

Parti

Google AI’s model that creates photorealistic images from descriptions.

“The World Wide Web is a medium that, for nearly 30 years, has enabled developers to continually reinvent the exact same way to blog.”

JavaScript battle

While four parties quarrel, a fifth rejoices.

Accessible design systems

Sustainable accessibility by embedding accessibility in a design system.

Apple is not defending browser engine choice

“Apple uses its power over browsers to strip-mine and sabotage the web.”

The demo -> demo loop

“The secret to making successful creative products.”

Craiyon (formerly DALL-E mini)

An AI image generator that draws images from any text description.