Guide to advanced CSS selectors

Universal selector, attribute selector, and many others.

The rise and fall of Invision

The sad slide of the once-darling design co.

SVGs filters can be inlined in CSS

An exciting way to create graphical effects.

Ditherpunk

An excursion into the amazing world of monochrome image dithering.

HELO

Painless local email testing for web developers.

Towards an ad-free web

Diversifying the online economy.

Thoughts on screen readers and image recognition

Machine-authored vs human-authored image descriptions.

Is progressive enhancement dead yet?

Short answer: not really, but listen yourself.

Measuring design quality with heuristics

A practicable approach to evaluate the quality of product designs.

Microsoft is building a new Outlook app

Future Windows/Mac versions will be powered by the web.

Newsletters

The current state of writing on the web and getting paid.

The art of building real-life components

Bullet-proof HTML/CSS components involve tons of work.

Source Map Visualization

A tool to debug real-world source map generation issues.

DALL·E

The neural network that creates images from text captions.

Wasmer 1.0

What’s new in the popular open-source WebAssembly runtime.

The devil's albatross

An algorithmic layout technique.

Google Entity Search aka interesting finds

The entity search engine Google has hidden in plain sight.

Something is rotten in online advertising

Are we due for a revolution in online advertising?

Custom properties as state

A fun way to create a ‘living’ theme for your web site.

WhatsApp gives users an ultimatum

Share data with Facebook or stop using the app.

The dark matter influencer

There are influencers, and there are king makers.

Green energy-efficient Progressive Web Apps

Ingredients for an energy-saving web application.

Release notes for Safari Technology Preview 118

Another browser preview with many additions and updates.

Ray

A tool to improve your PHP debugging experience.

Your Apple Watch can double as a vlogging viewfinder

The hack also works with Pixel phones and Wear OS devices.

The importance of HTML

Do your best to make your work accessible to everyone.

Progressive Web Apps in 2021

Current status, market share, new challenges and capabilities.

Yes, vanilla JS does scale

Let‘s debunk a never-ending myth.

Announcing Teamflow

Feel like a team again with your own virtual office.

21 smart Google SEO tips for 2021

What to prioritize and what to look out for in the year ahead.

“Becoming a senior engineer is just saying ‘it depends’ over and over again until you quit/retire.”

“Mental endurance is a must-have skill for solo entrepreneurs. The biggest obstacle in our journey is our own self-doubt.”

A brief history of web design tools and the original sin

Let’s go beyond the craft-limiting “page thinking” metaphor.

A message to web developers, from a screen reader user

Small things can make a huge difference.

Index Coverage Data Improvements

Google has improved the indexing state report of your web site.

Front-end performance checklist 2021

How you can create fast experiences on the web today.

Getting tech SEO implemented

The RPI framework: Recommend, Prioritize, Implement.

One chart at a time video series

Short videos on how to read and use different charts.

Front-end predictions for 2021

What to expect in front-end development in the near future.

“Best practices should be automated as much as possible.”

Lemon Squeezy

A dedicated platform for creators to sell digital products.

Understanding the true cost of client-side A/B testing

How it could impact web performance and revenue.

In critical defense of front-end development

Why the field of frontend development is in a bizarre mess.

State of JavaScript 2020

Do we want the new shiny, or the old reliable?

Pika

An open-source color picker app for macOS.

AlsoAsked

See the questions people also asked in Google Search.

7 technologies I'm excited about in 2021

Low code, meta frameworks, server side rendering…

Fixing smooth scrolling with find-on-page

A hack to solve an issue with “scroll-behavior: smooth”.

Learning 3D modeling in 14 weeks

A methodology to learn 3D modeling and many other things.

Art direction for static sites

How to spice up your blog posts with minimal effort.

Unfolded Studio

Geospatial data “never looked so good”.

Should the web expose hardware capabilities?

Why the trust model of the web needs to evolve.

Snowpack v3.0

The biggest release of the front-end build tool yet.

My favorite typeface of 2020

I Love Typography’s annual Favorite Fonts list.

“Good design costs. Bad design costs everything.”

Happy birthday jQuery!

15 years ago, John Resig announced the jQuery JavaScript library.

HTML Video Sources Should Be Responsive

Removing ‘media’ support from HTML video was a mistake.

Stripe for Visual Studio Code

Build and test online payment components inside your editor.

Correlation between Core Web Vitals and web characteristics

The impact of web technologies on Google’s web quality metrics.

Medium’s network is about to get bigger

The publishing platform gets a sibling, a digital book platform.

Chrome Flags for Tooling

Useful flags relevant to tools, automation, benchmarking, etc.

Celebrating 20 years of Wikipedia

Readers, contributors, and donors have made it possible.

2020 JavaScript rising stars

The JavaScript projects with the most GitHub stars last year.

Responsive Lettering Gallery

Bubbly, breathing, moving, and twisting responsive letters.

Block Party

An anti-harassment tool against online abuse on Twitter.

Hypercolor

A curated collection of beautiful premade gradients.

DuckDuckGo surpasses 100 million daily search queries

The privacy-focused search engine reached a major milestone.

Design trends predictions for 2021 from top designers

Ecosystem design, mindful design, multi-usable UIs, and more.

Why Tailwind Isn't for Me

CSS utility classes are not necessarily the future for everyone.

Shit’s broken

Why we need mindful notifications and how to design them.

Search Console Data Exporter

Export all the Google Search Console data you can.

Fonts in the wild

Find the perfect font for your next web project.

Inferred links will replace the link graph

What if links won’t be all that crucial to Google’s rankings?

Responsible web applications

Tips and tricks to create responsive and accessible applications.

Arteria

A wonderful compressed display typeface.

Seven ways to test for accessibility of your web site with browser Developer Tools

Browsers have some great accessibility testing features.

Use CSS Clamp to create a more flexible wrapper utility

A handy way to use modern CSS functions.

Tweetpik

A tool to convert tweets to images (SVG, PNG, JPG).

Addon ecosystem 2.0 launched

The UI component development tool gets a new addon catalog.

Bootstrap v4.6.0

New documentation backend, and many other new features.

An interactive review of Oklab

A better perceptual color space than what came before?

“The secret of design: add more white space. That’s it. Have fun.”

“The secret of design: add more white space. That’s it. Have fun.”

Inside the digital sensorium

It’s time to rethink the design of our digital public spaces.

Understanding Clip Path in CSS

How clip-path works, and how you can use it today.

New in Chrome 88

Manifest v3, CSS ‘aspect-ratio’ property, and more.

Survival metrics are a powerful product management tool

What they are and how they work.

IPFS support in Brave

Now you can also download content by using a content hash.

How to avoid layout shifts caused by web fonts

Welcome to the complex world of text rendering on the web.

Naming cheatsheet

Comprehensive language-agnostic guidelines on variables naming.

Flagpack

Beautiful open source flag icons for your web project.

Legacy and Transition: Creating a New Universal Image Codec

Why JPEG XL is able to replace JPEG in the next years.

“If your friend runs a business and you try to get a discount you are not their friend.”

W3C Accessibility Guidelines (WCAG) 3.0

The first public working draft, written in plain language.

State of design in 2021

The work, challenges and values of designers today.

Moiva

Measure and compare JavaScript/CSS libraries side by side.

How to play and pause CSS animations with CSS custom properties

The amazing world of CSS keyframe animations.

Cheysson Color Palettes

Patterns based on the wonderful data visualizations of É. Cheysson.

Microsoft Edge 88 Privacy and Security Updates

The popular browser now comes with a password generator/monitor.

How to self-publish a book

Insights and advice to save money and succeed.

“One of my biggest strengths is my attention to detial.”