How to preload responsive images with imagesizes and imagesrcset

Performance tuning for responsive images.

How to tell browsers that your site supports color-schemes

A new CSS property simplifies to build color-schemed UIs.

Flying debugger

When the Senior Developer arrives to fix the bug.

Managing several displays with the Multi-Screen Window Placement API

A new API is ready to be tried out in Chrome.

Your Calendrical Fallacy Is...

Date and time operations are more complex than you think.

It’s not a bug, it’s a beetle

When full-stack developers maintain the CSS framework.

Introducing Web APIs for Dual Screen and Foldable Devices

Microsoft prepares the browser for a new form factor.

Centering in CSS

A visual guide to everything you need to know.

Interaction Media Features and Their Potential

Beware of false assumptions about these media features.

Moment.js

The popular date/time library is now a legacy project.

Chandeliers work

When you copy some working code from StackOverflow.

The tangled webs we weave

You start with three tools, but then you grapple with twenty.

Nova

Say hello to a powerful and stylish new code editor for Mac.

Catchpoint to Acquire Webpagetest.org

The popular performance tool will be enhanced but remains free.

Safari on iOS 14 and iPadOS 14 for PWA and Web Developers

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

GitHub CLI 1.0 is now available

Now you can run your entire GitHub workflow from the terminal.

Folding the Web

Enabling real responsive design on foldable devices.

Cloudflare and the Wayback Machine, joining forces for a more reliable Web

The CDN starts to use the Wayback Machine.

Visualize Data Structures in VSCode

The power of the VSCode Debug Visualizer extension.

v3.0.0 One Piece

The next level of the popular JavaScript UI framework.

Buttons that Spark Joy

Delight users and create memorable experiences with buttons.

GitHub to replace 'master' with 'main' starting next month

An effort to remove unnecessary references to slavery.

Content delivery networks (CDNs)

Improve performance by using a content delivery network.

Thinking About Power Usage and Websites

Does good performance map to lower energy usage?

Finding The Root Cause of a CSS Bug

Types of CSS bugs and how to solve them.

The Era of Visual Studio Code

Why it might be a great text editor to invest in learning.

MDN Browser Compatibility Report 2020

Pain points for web developers and how to improve the situation.

Web browsers on iOS

What it means that Safari is the only iOS rendering engine.

‘What's new in Tailwind CSS?’ on YouTube

New features of the popular CSS framework since v1.2.

The failed promise of Web Components

Let’s rethink our way of authoring and distributing web components.

Image Decode & Visual Timings

The state of animated GIFs, WebP, AVIF or MP4 in your browser.

“JavaScript could be so nice if everyone wasn’t always trying to impress the internet with new clever ways of doing simple things.”

3 things about CSS variables you might not know

Undefined variables, fallback values, tips and tricks.

Background Image Opacity

Did you know this way to add opacity to a background image?

A New Homepage

CodePen’s new homepage is more like three new homepages.

Workers Durable Objects Beta

A new approach to stateful serverless.

How screen readers navigate data tables

With demo video and data table.

Declarative Shadow DOM

A new way to implement and use Shadow DOM directly in HTML.

Bootstrap 5 Alpha 2

New and improved features in the popular front-end toolkit.

Shoelace 2.0

A forward-thinking library of web components.

Growth of the Web in 2020

The web has grown, and some regions more than others.

“Why are we only commenting our code? We should be liking and subscribing too.”

Cloudflare Radar

Internet trends from a usage, performance, and security perspective.

DigitalOcean's Hacktoberfest is Hurting Open Source

Is incentivizing of pull requests to open source repositories a good idea?

Code scanning is now available

GitHub lets you automate security as a part of your workflow.

What's New In DevTools (Chrome 87)

CSS Grid debugging tools, WebAuthn tab, and more.

Bringing the browser developer tools to Visual Studio Code

Debug your front-end code without leaving the editor.

Hacktoberfest presented by DigitalOcean

Digital Ocean’s response to some concerns around its developer event.

Coil Developers

Web monetize your site with open technology.

compute cuter

Cute syntax themes, monospace fonts, keyboards and keycaps.

Introducing support for the AVIF image format

Why Cloudflare already adopts the new AVIF.

A Complete Guide to CSS Media Queries

Everything you wanted to know.

UI Developers are still underestimated

What people with HTML/CSS expertise have in common.

Control camera pan, tilt, and zoom

Camera features that are finally accessible on the web.

Beautiful CSS 3D Transform Examples

Copy over the examples and make them your own.

Full-Bleed Layout Using CSS Grid

An elegant solution to a tricky modern layout.

Introducing DigitalOcean App Platform

A simpler way to build, deploy, and scale apps.

CSS Variables 101

A complete guide with examples and use cases.

What do Lighthouse Scores look like across the web?

An analysis of performance scores across 6.8 million websites.

Chrome is deploying HTTP/3 and IETF QUIC

The new protocols help to improve web performance.

Introducing Tailwind Play

A playground for the CSS framework to rapidly build custom designs.

GitHub Docs are now open source

A new way of partnering with the community.

The Widening Responsibility for Front-End Developers

The checklist of things to do grows and grows.

Beginner's Series to: JavaScript

Lessons about core concepts that help you build a foundation.

Lighthouse Reports

Get global performance insights for your website.

Introducing Shopify Subscription APIs

Build apps that integrate with Shopify checkout.

Release Notes for Safari Technology Preview 114

Updates to Web Inspector, JavaScript, Paint Timing, and more.

New in Chrome 86

Stable File System Access API, new CSS stuff, and more.

Full bleed layout using simple CSS

A simple solution to a tricky modern layout.

Pure CSS Product Card

What you can build and animate with CSS today.

:focus-visible Is Here

How to show focus styles only when they are needed.

Webpack 5 release

Faster and smaller builds, federated modules, and more.

Memory Safe ‘curl’ for a More Secure Internet

The ISRG is working against a big threat to Internet security.

clamp

CSS has some exciting new features for fluid scaling.

Cumulative Layout Shift in Practice

What it is, how it can be measured, and why it matters.

“It’s not that senior developers don’t copy stuff from Stack Overflow. It’s just that we refactor it so that no one will ever know.”

The -​-var: ; hack to toggle multiple values with one custom property

Horrible hack, useful technique, or both?

Please stop using CDNs for external Javascript libraries

The (minor) antipattern that is (slightly) harmful.

HTML De-crapulator

A cleaner-upper tool to remove junk from HTML.

Git scraping

Track changes over time by scraping to a Git repository.

min(), max(), and clamp()

Three logical CSS functions to use today.

Coded Mails

Hassle free responsive HTML email templates.

GitHub and Visual Studio Code

Best practices for using VS Code and GitHub together.

The (extremely) loud minority

Why JavaScript frameworks are not eating the web.

Logical layout enhancements with flow-relative shorthands

CSS control of international layouts is now even easier.

Coding Fonts

A microsite that shows off fonts designed for writing code.

Meet Face ID and Touch ID for the Web

Web authentication with a smooth, convenient experience.

Node.js v15.0.0 is here

The latest features of the popular Node.js platform.

Bringing Chromium Edge PWAs to the Microsoft Store

Microsoft launches a preview release.

How to Improve Core Web Vitals

Website optimization for Google‘s new performance metrics.

Responsive Height Design

Why testing vertically is important, with use-cases and examples.

Introducing Microsoft Edge preview builds for Linux

Microsoft‘s browser is now available for all major platforms.

Hands-Free Coding

Developing software using dictation and eye-tracking.

Wheregoes?

A tool for tracing the redirect path of URLs.

Let web applications be file handlers

Register an app as a file handler with the operating system.

Thinking Outside the Box with CSS Grid

Let’s explore Andy Barefoot’s gorgeous and responsive layouts.

Four Charts That Prove the Value of Site Speed

Why site speed is critical to user experience and online success.

World smallest office suite

An office suite with minimal amount of code.

Running Node.js on iOS and iPadOS via iSH

You can now run Linux on an iPad via x86 emulation.

Introducing Skypack Discover

A new search engine that helps you find the best JS packages.