Puppeteer vs Selenium vs Playwright

A speed comparison of three browser automation tools.

Grow the IndieWeb with Webmentions

Display on your site how others have interacted with your content.

Web Almanac 2020: Security

The current state-of-practice for security on the web.

Web Almanac 2020: CMS

The current state of the CMS ecosystems.

The 3 CSS methods for adding element borders

It’s time to revive an old CSS property.

Web performance predictions for 2021

Key trends to watch in the world of web performance.

Big picture performance analysis using Lighthouse Parade

A tool to quickly run Lighthouse on every page of your site.

three-o-none

Fixing redirect chains with Cloudflare Workers.

What can you put in a CSS variable?

CSS custom properties can hold all sorts of things.

Web Almanac 2020: JavaScript

The current state-of-practice for JavaScript on the web.

Welcome Yari

MDN Web Docs has a new platform.

2020 design tools survey

How COVID-19 is impacting the way we work as designers.

The web is closing the gap on native apps

Impressions from the Chrome Dev Summit 2020.

Blob Opera

An experiment using the latest web audio technology.

Highlights from Chrome Dev Summit 2020

Exciting ideas and projects from the conference.

wtf?! JavaScript quiz

See how much you don’t know about JavaScript.

Debugging WebAssembly with modern tools

Native WebAssembly debugging with Emscripten and DevTools.

CSS individual transform properties

News in the world of CSS transforms.

Web Almanac 2020: Fonts

How web fonts are being used and how they’re optimized.

“Is my code fast? No. But is it well documented? No. But does it work? Also no.”

Sticky CSS Grid items

One more line and sticky actually works on a grid item.

And now for … Firefox 84

DevTools gets tab order inspection, and much more.

Kirby 3.5 is here

The CMS brings the best of the Editor/Builder plugins into the core.

How to make your code reviewer fall in love with you

Best practices for participating in a code review.

Radix UI

An UI library for building design systems and web apps.

Conditional JavaScript

Only download when it is appropriate to do so.

No cookie for you

GitHub protects developer privacy by removing cookies.

Handling short and long content in CSS

Problems and solutions, use-cases and examples.

It’s not legacy code, it’s PHP

Why PHP can be a great tool for fast-moving companies.

Introducing Cloudflare Pages

A fast and secure way to build and host JAMstack sites.

Old is solid; new gets talked about

We all maintain old things more than we build new things.

Centering in CSS

Pros and cons of 5 techniques you can use to center elements.

The 2020 Web Almanac

HTTP Archive’s annual state of the web report as ebook.

The Web Almanac 2020: Mobile Web

The current state of mobile web usage.

Content-visibility and Accessible Semantics

Where the new CSS feature does more harm than good.

Firefox to ship ‘network partitioning’ as a new anti-tracking defense

More privacy with an upcoming web standard.

Going from JavaScript to WebAssembly in three steps

WASM can open many doors for the future of the web.

Creating a future-proof responsive email without media queries

How you can build your own layout.

Introducing Zero-Bundle-Size React Server Components

Get ready for server-side rendered components.

The Screen Fold API

Flat, tent, book, the W3C specification for foldable devices.

I learned to love the Same-Origin Policy

Security and privacy on the web are pretty amazing

How the web is really built

Based on user numbers, old tech is far ahead of new tech.

How Shopify uses WebAssembly outside of the browser

New capabilities, new possibilities for platforms.

The dangers of data URIs

Do you really want to embed resources directly?

AnimXYZ

Create, customize, and compose animations for your website.

CSS ::marker pseudo-element in Chromium

The story behind the implementation of a “small” new CSS feature.

“If someone says front-end development is easy then I will 100% assume that they don’t know/do front-end development well.”

HTML and CSS techniques to reduce your JavaScript

Let’s replace some clunky code with browser-native solutions.

JavaScript performance in the wild 2020

An analysis of one million web pages.

Maximally optimizing image loading for the web in 2021

Established and fresh optimization techniques.

Comic Mono

The very typeface you’ve been trained to recognize since childhood.

Happy New Year!

Let’s show the current time in a favicon.

Happy New Year!

Let’s build and play with a confetti cannon.

Loading and replacing HTML parts with HTML

Let’s make HTML more powerful.

The future of CSS

Higher level custom properties to control multiple declarations.

TabFS

A browser extension that mounts your browser tabs as a filesystem.

The unreasonable effectiveness of SWAN

Streaming web applications with Node.

My stack will outlive yours

It’s not LAMP, Wordpress, Rails, MEAN, Jamstack…

Guide to advanced CSS selectors

Universal selector, attribute selector, and many others.

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.

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.

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.

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.

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.

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

A message to web developers, from a screen reader user

Small things can make a huge difference.

Front-end performance checklist 2021

How you can create fast experiences on the web today.

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.”

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?

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”.

Art direction for static sites

How to spice up your blog posts with minimal effort.

Should the web expose hardware capabilities?

Why the trust model of the web needs to evolve.

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.

Chrome Flags for Tooling

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

2020 JavaScript rising stars

The JavaScript projects with the most GitHub stars last year.

Why Tailwind Isn't for Me

CSS utility classes are not necessarily the future for everyone.

Responsible web applications

Tips and tricks to create responsive and accessible applications.

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.

Bootstrap v4.6.0

New documentation backend, and many other new features.

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.