Core Web Vitals check

Find slow pages on your site or compare your site with those of your competitors.

“I like sending direct messages to someone I’m in a group video chat with and seeing their face as they react. This is the hidden joy of remote work.”

A look at building with Astro

A JavaScript framework that outputs zero-JavaScript static sites.

Why “bring solutions not problems” doesn’t work

What to do if someone says it to you, or if you’re the one saying it.

The ethical dilemma at the heart of GitHub’s Copilot

GitHub’s AI-powered auto-complete raises some questions.

“This is your regular reminder that staring at numeric data collected by computers is not ‘the voice of the customer.’ If you’re not actually listening to real customers, you’re not hearing their voice.”

UI fail

Why users abandon mobile sites and what you can do about it.

“A design system doesn't need 300 people involved right out of the gate. Give a small, smart, and scrappy team the time, resources, and autonomy to get things properly set up. Things will grow over time, but start small.”

Firefox 90 supports Fetch Metadata Request Headers

The new headers allow sites to protect themselves from cross-site attacks.

SVG Favicon Generator

Submit your SVG logo or icon to get a modern favicon.

Using the Specificity of :where() as a CSS Reset

The power of the functional pseudo selectors :is() and :where().

The new CSS Reset

Today a CSS Reset can be composed in a lot easier way.

Google Font to SVG Path

Generate an SVG path from some words or characters in a Google Font.

Scenic Background Animated Pack

A collection of 60+ background scenes from around the globe.

How to eliminate render-blocking resources

Why it’s important, and what to do in HTML, CSS, and JavaScript.

“‘Is it a site or is it an app?’ has the same energy as ‘is a hot dog a sandwich?’”

“Writing is just sprinkling em dashes between phrases until you die.”

Clover

A creative workspace with a daily planner, tasks, notes, and whiteboards.

The current state of e-commerce homepage UX

Design pitfalls to be aware of when you want to improve your homepage.

Comparing design mockups to code result

Ways to compare the original designs to the HTML/CSS result.

Concern trolls and power grabs

A deep dive into the privacy war raging within the W3C.

Build wicked fast sites with Astro

An introduction to one of the hot new frameworks on the scene.

Goodbye, Fleets

Twitter is winding down its disappearing tweets feature due to low usage.

Polypane 6.2

HTML validation, robots.txt support, RTL emulation and more.

Programming with Ratio

A new environment for prototyping and building UIs and apps.

Increasing HTTPS adoption

Beginning in M94, Chrome will offer HTTPS-First Mode.

An emoji for your thoughts

Microsoft celebrates the diversity of expressions in its new emoji system.

How much do Facebook ads cost in 2021?

Understand Facebook advertising costs and save on your budget.

The performance effects of too much lazy-loading

Why lazy-loading of images above the fold is a bad idea.

Gradient Art

Advanced CSS gradient editor with many examples for your inspiration.

What is Dinero.js?

A library to manipulate monetary values in JavaScript and TypeScript.

Hobson’s Browser

How Apple, Facebook, and Google broke the mobile browser market.

Unavatar

Get a user avatar based on username, email or domain across multiple services.

Designing for the unexpected

How can we create services for situations we can’t imagine?

New emojis in 2021-2022

A look at what the next emoji update might bring.

PHP 8.1: before and after

Get ready for enums, array unpacking with string keys, and more.

Google emojis

How to bring more attention to your search snippets.

Explore the JavaScript universe

An interactive course on mental models for JavaScript.

gridless.design

Do we need design grids for digital layouts at all?

RTL:WTF

Make your head spin and read the web like Right-to-Left readers do.

“‘You’re doing it all wrong,’ said someone doing nothing at all.”

The 3-second frontend developer test

What if you have to hire a frontend developer and only one question?

Assistiv Labs

Online service to make sure your website works with assistive technology.

The road to Ember 4.0

What’s in the next major version of the well-known JavaScript framework.

A new tool (and some tips) to search safely with Google

Better control of the Search history saved to your Google Account.

“It says a lot whether your reaction to someone saying your product sucks is getting defensive or trying to understand what's wrong so you can fix it.”

Tricycle

Make product design tools that automate parts of your design process.

The ultimate guide to browser-side storage

11 client-side options to store data in the browser using JavaScript.

How to learn stuff quickly

Learning to learn matters, especially for web developers.

“I have this theory that in the distant future, social media will grow so extreme, that only marketing departments and mad people will engage in it. The rest has opted out, living life like it was pre-social media.”

Practical use cases for Scroll-linked Animations

The potential of the coming CSS Scroll-linked Animations specification.

From a colorblind designer to the world

Please stop using red and green together.

Mockup Hand Gestures

A collection of ethereal hand motions for your real-world designs.

Figmalion

A regular newsletter about Figma, the popular interface design tool.

Accessibility of the section element

The HTML section element and its practical use for accessibility.

Godly Website

A resource for those interested in web and interactive design.

The 2021 Design Systems Survey

How other folks are making their design systems successful.

WordPress 5.8 Tatum

Template editor, manage widgets with blocks, and many other improvements.

2021 Product Benchmarks

Compare yourself to 250+ product leaders at top companies.

“Desktop websites should just be 3 mobile websites in a trench coat.”

“Just because you know what you’re doing doesn’t mean you’ll make a profit.“

“Just because you’re making a profit doesn’t mean you know what you’re doing.”

Introducing Showcase

Framer’s new home for community-created interactive designs and prototypes.

Periodic table of Google Analytics

A visual display of all the powerful options Google Analytics offers.

Easier browser debugging with Developer Tools integration in Visual Studio Code

If you debug with Edge, you also get DevTools in your editor.

Reflections as the Internet Archive turns 25

The past, present, and future of the Internet Archive.

“The more we invest in UX research, the easier and better everything else gets when trying to deliver well-designed products and services. We burn so many wasted calories compensating for no or poor research.”

Analyzing Google Search traffic drops

What to look for in order to understand what happened.

Is GitHub Copilot a blessing, or a curse?

What to expect from GitHub’s AI pair programmer.

Introducing Email Protection

DuckDuckGo’s way to block email trackers and hide your address.

URLPattern brings routing to the web platform

An approach to standardizing common pattern matching use cases.

Stopping FTP support in Firefox 90

Mozilla completely removes the non-secure FTP protocol in its browser.

accessiBe and the false David vs. Goliath narrative

Do quick-fix solutions for accessibility like accessiBe really work?

Are UI tips the new clickbait for designers?

Make sure you get UI tips from reputable sources.

Compat 2021 mid-year update: Flex gap everywhere

Firefox, Safari, and Chrome have improved their browser compatibility score.

Back to the Future with RSS

What RSS is, how it works, and how you get started.

HTML Recipes

A collection of HTML snippets for a variety of common scenarios.

Privacy: a quick reality check

Let’s map a path forward towards a healthier digital ecosystem.

Open Source Alternatives

A collection of open source alternatives to popular business tools.

Hacking is the opposite of marketing

The challenge of making things people will buy.

A11y audit bookmarklets

Small helpers to check for accessibility issues on a web page.

Twitter is testing upvote and downvote buttons on tweets

A new way to interact with tweets you do or don’t like.

A reminder on qualifying links and our link spam update

What to do if you use affiliate links or sponsored/guest posts.

The state of developer ecosystem 2021

The latest trends on tools, technologies, and programming languages.

In defense of simple charts

Simple visualization types don’t need to be boring.

Self-hosted analytics with Umami + Traefik

Google Analytics vs Umami (with a reverse proxy).

“If working with people remotely is too difficult then you’re either doing it wrong or you’re a micro-manger, not a leader. Remote collaboration is more than possible with the right tools, clear communication, and inspiration.”

Thinking about the cut-out effect: CSS or SVG?

The challenge and the pros and cons of different solutions.

“Building for accessibility from the start is easy and cheap. Fixing it later is complicated and expensive. Be smart. Do it from the start.”

A new age for teamwork in Webflow

The popular no-code web design platform empowers collaboration.

CSS Nesting Module

The W3C moved the spec from a proposal to a work-in-progress module.

Astro 0.18 release

Responsive partial hydration has landed in the modern static site builder.

For developers, Apple’s Safari is crap and outdated

Why the annoyance with Safari gets deeper and more nuanced.

One-offs and low-expectations with Safari

Why it’s hard to support Safari in every web project.

Detecting media query support in CSS and JavaScript

How to detect support for media queries regardless of if they are turned on.

AccessiBe and data protection?

How the accessibility overlay tracks your browser activity.

Using absolute value, sign, rounding and modulo in CSS today

Browsers aren’t ready, but there are workarounds.

Safari isn’t protecting the web, it’s killing it

Does Apple’s browser approach make the web worse for everybody?

“All design debt is technical debt. All technical debt is design debt. There is no difference.”

“Trends fade. Fundamentals do not. I see so many designers that can design really pretty stuff, but when you break it down, it’s missing basic fundamentals and is an absolute mess. Work on fundamentals too y’all.”