How Core Web Vitals will impact Google rankings in 2021

What you can do to optimize your site’s page experience.

A complete guide on shadow DOM and event propagation

Interactive visualizations on how eventing and shadow DOM work together.

Introducing PHP on Cloud Functions

Google Cloud now lets you also run your PHP code serverless.

Use Google like a pro

The art of googling in 10 pictures, for developers.

In-person and remote design critiques

How designers can get ongoing feedback on their work.

Twitter’s timeline algorithm buries external links

How Twitter changes what we see on the platform.

CSS overview

Chrome DevTools can give you a handy overview of your CSS usage.

Practical Accessibility

A web accessibility course for web designers and developers.

“We fall into the trap of calling something intuitive if it makes sense to us, and call it hard to use if it doesn’t. This assumes everyone has the same knowledge and culture (our own!).”

“‘In-app browsers’ are fundamentally anti-web: they undermine browser choice for the benefit of the linking application. They ought to be banned.”

iOS 14.5 brings the new Safari 14.1 to PWAs and the web platform

What’s new, what’s missing, new challenges and capabilities.

Announcing Lucy

A concise language for describing Finite State Machines.

The ultimate checklist to starting your freelance graphic design business

Take the time to set things up properly from the start.

Choosing a great color combo

In digital art, color selection is one of your most important decisions.

Exploring color-contrast() for the first time

New CSS function gets the best color for a given contrast.

Publish the website you can maintain

Why is there so much world wide waste in the content industry?

GT Maru

A joyful typeface inspired by characters on signage across Japan.

YouTube channels can change their name without affecting their Google account

What to know when you make the change.

Practical use cases for CSS variables

Where CSS custom properties really shine, beyond colors.

A complete guide to custom properties

Everything to know about CSS variables at a glance.

Mighty

A new way to surf the web: the cloud browser, built for speed.

Introducing branching: space to iterate and explore freely

Figma’s collaborative design tool continues to get better.

tiptap

Headless WYSIWYG text editor: customizable, collaborative, framework-agnostic.

“Companies don’t create products, they create an environment for people to create products. An important distinction to remember as a leader.”

You might as well timestamp it

Storing timestamps instead of booleans is always a good idea.

Introducing Mailchimp Stores and Appointments

New commerce features for small businesses.

What UX designers find the hardest to explain to non-designers.

“Side projects are all fun and games until the domain comes up for renewal.”

Gridlite

A versatile pixel typeface, primarily released as a variable font.

Web Engines Hackfest 2021

Online sessions for developers interested in browsers and web technologies.

Butter

A fresh way to run interactive virtual workshops.

interns.design

Opportunities and resources to kickstart your design career.

New WebKit features in Safari 14.1

Support for Flexbox gaps, date/time input types, and more.

A bigger, more inclusive Dribbble

The showcase platform for design has removed the invite requirement.

Immersive content strategy

From static content to situationally and locationally aware copy and media.

33 activity ideas for remote UX workshops

Building blocks of an online workshop that’s worth everyone’s time.

“Whenever I notice a big skill gap, I hire 3 experts/coaches, read 5 books, and take 4 courses to work through it. Like a normal person.”

Auto Size

Framer’s new feature works dynamically on every design element.

Progress delayed is progress denied

What Apple is preventing any browser from delivering to iOS today.

Types of open-source libraries

There is really something here for everyone.

“Why is it always ‘designers should learn to code’ and never ‘developers should learn about UX’?”

Frontend Practice

Improve and test your skills by recreating real websites.

wizard zines

A great online collection of short comics to learn more about programming.

HTML developers: please consider, in the year of 2021

Better use native HTML instead of misusing ARIA.

12 incredible masterpieces that show the oneness of mathematics and design

Hosting SQLite databases on Github Pages

Or any static file hoster.

10 steps to translate your iOS designs for Android

How to bring your iOS experiences to Android in record time.

CSS focus state

A big and easy win for your website accessibility.

Say hello to Arduino Cloud, more things and two new plans

New pricing plans for your Internet of Things projects.

The creator movement, a story of unbundling

It’s an exciting time for content creators to go direct-to-consumer.

2021 state of APIs

Current API trends: ubiquitous, diverse, occasionally open.

Richer PWA installation UI

A better install experience for your progressive web app.

Announcing Rome Tools, Inc.

The new company behind Rome, the end-to-end development toolchain.

Nuzzel is going away. For Now.

Scroll, the parent company of Nuzzel, is joining Twitter.

I’ve analyzed the accessibility of over 1600 personal sites

How accessible are personal blogs and portfolio websites?

SEO Toolbelt

A comprehensive collection of tools for search engine optimization.

The subtle art of being a developer advocate

What developer advocates do, visualized by the Developer Advocate Iceberg.

“Stop trying to make your designs ‘perfect.’ You can’t.”

The state of CSS cross-browser development

Cross-browser development has become much better than in the past.

Container queries explainer & proposal

What the CSS Working Group is already working on.

Why First Contentful Paint doesn't work as a cross-browser metric

There are rendering differences across browsers.

Facebook joins open web docs as lead funder

The social media giant invests in the future of web platform documentation.

“Text cursors should be bolder when typing in bold and italic when typing in italics.”

Creating colorful, smart shadows

A CSS shadow effect beyond black and white.

Bootstrap 5

New logo, no more jQuery, no more IE, and many new features.

Is vendor prefixing dead?

A look at CSS properties that still require prefixing in 2021.

ClearURLs

A browser extension to remove tracking elements from URLs.

SpiderMonkey JavaScript/WebAssembly Engine

After nearly 25 years, SpiderMonkey got a logo, and a new website.

Email Resources

Resources to help you along every step of your email workflow.

To subset or not subset fonts

Pros and cons of subsetting fonts to improve web performance.

How we use Web Components at GitHub

Why GitHub is excited about Web Components’ future.

Beware the cut ‘n’ paste persona

Dynamic Selves as alternative to Personas in user research.

“I’ve seen a lot of smart people think their way out of a great opportunity. Sometimes you need to take a leap of faith.”

GitHub: Is your fork behind?

You can now sync from the parent repo with just a single click.

Introducing Tip Jar

A new way to give and receive money on Twitter.

“Working on open source while also having a full time job is exhausting and unsustainable. No wonder people are starting companies around this stuff!”

Frontend Mentor

Improve your front-end coding skills by building real projects.

WhatsApp will progressively kill features until users accept new privacy policy

New consequences for those who don’t agree to the new policy.

Criticism pushes the web forward

Why it’s important to include perspectives outside our own.

Component-level art direction with CSS Container Queries

Why it would be useful to also have Container Queries in HTML.

Apple Screen Sizes

A complete guide for Apple displays (properties, safe areas, widget sizes, and more).

Clubhouse: welcome Android users

The drop-in audio cha‪t platform launches its Android version.

UX Lex

An evolving, interactive glossary of UX research terms.

Debugging vertical layouts in 2021

Firefox Devtools vs Chrome Devtools vs Safari Devtools.

“Should designers code? No. Nobody should code. It’s all nonsense. We have enough websites already.”

Design for reading

Tips for optimizing content for Reader modes and reading apps.

Search Console Data Downloader

Online tool to download all of your search console data.

URL protocol handler registration for PWAs

Let installed PWAs handle links that use a specific protocol.

Sketch in 2021 and beyond

The past, present, and future of the popular design platform.

“Being your own boss means, no matter how productive you are, always feeling like you could and should do more. Any day, any time, guaranteed.”

Introducing new ways to collaborate in Adobe XD

Live cursors for coediting, a home for XD plugins, and more.

Nucleo

A Mac/Windows app to organize, customize and export all your icons.

Next gen CSS: @container

Container queries will take us to the next level of responsive design.

A primer on CSS Container Queries

What to expect from the long-awaited responsive components.

Babel is used by millions, so why are we running out of money?

Even successful open source projects can struggle for sustainability.

The future of code editor

Panic discontinues its popular code editor for iOS.

A look at Tailwind CSS

Some thoughts and concerns regarding the UI framework.

Font Brief

An novel way to pick fonts that matches your brand’s personality.

“Remember when we used to code back buttons onto websites thinking it was good for user experience?”

Schema Markup Validator

Validator for Schema.org-based structured data embedded in web pages.