“The secret to becoming a better developer? Get more sleep.”

Get started with Performance Monitoring for web

Real time monitoring with Firebase.

Hands-on with Portals: seamless navigations on the Web

Say hello to the new Portals API.

A design pattern solved by subgrid

Unlocking another CSS layout opportunity.

Introducing GitHub Package Registry

A service that supports familiar package management tools.

Appscope

Directory and showcase of the best Progressive Web Apps.

Tailwind CSS

A utility-first CSS framework for rapidly building custom designs.

Google Fonts is Adding font-display

More control over web font loading behavior.

Polypane

A browser to create and test websites and apps.

Better HTTP/2 Prioritization for a Faster Web

Cloudflare gives its servers control of prioritization decisions.

Parallel streaming of progressive images

Cloudflare’s way to deliver progressive images much faster.

runpkg

Static analysis on npm packages in the browser.

Faster smarter JavaScript debugging in Firefox DevTools

Debugging features coming in Firefox 67.

Announcing Stencil One: Beta

What’s new in the toolchain for building design systems.

“English is the JavaScript of natural languages: easy to begin with, entirely bonkers, but used so widely you can’t really avoid it.”

Folding the DOM

How you can create nifty fold effects with CSS.

Introducing the first Microsoft Edge preview builds for macOS

Everything you need to know.

In Chrome 76 you can hide the Add to Home screen mini-infobar

More control over the PWA mini-infobar.

Firefox 67: Dark Mode CSS, WebRender, and more

Highlights of the latest Firefox version.

Introducing Tornis

A tiny library to watch the browser’s viewport state.

Brotli vs Gzip Compression: How we improved our latency by 37%

A case study.

End-user programming

Let’s imagine a computing future where everyone can program.

CSS can do that?

A list of amazing things that CSS can do.

“A web developer’s worst nightmare: A friend or family member calling to ask if you can help them make a website.”

CSS Grid subgrid lands in Firefox Nightly

Roundup of subgrid demos to play around with.

Build Tracker

Track your application’s performance budgets.

PHP in 2019

Do you still think of PHP as a crappy language?

Speed at Scale: What's new in Web Performance?

New launches from Google I/O 2019.

Night Mode with Mix Blend Mode: Difference

Another approach to implement dark mode.

W3C and WHATWG to work together to advance the open Web platform

What’s in the memorandum of understanding.

CSS Grid Generator

A tool to make dynamic layouts with ease.

Compiling C to WebAssembly without Emscripten

What if we just use the compiler?

Reducing motion with the picture element

A code snippet to make animated GIFs more accessible.

xstyled

Consistent theme based CSS, a new way to style components.

Characteristics of a Strong Performance Culture

A web performance budget is not enough.

Entropic

A package registry for anything, but mostly JavaScript.

shelf

Database for frontend developers.

The Truth about Web Components and Frameworks

It’s OK living in the gray.

Detecting Select All on the Web

How to redirect a user’s ‘Select All’ to an editor.

GitHub Desktop 2.0 expands to support stashing and rebasing

What’s new and what’s next.

CSS Grid Level 2: Subgrid is coming to Firefox

What the feature is, and some examples.

Introducing Stencil One

Standard web components that work with any framework.

The CSS Mindset

Why CSS can sometimes seem illogical or frustrating.

7 absolute truths I unlearned as junior developer

What turned out not to be the full picture.

Wrapping long words with CSS or HTML

Ways to handle long words within a narrow container.

The problem with web components

Hoping that web components get better in the future.

Pika

A new kind of CDN for modern JavaScript packages.

The State of CSS 2019

CSS might be going through tumultuous teenage years.

Variable Fonts for Developers

Get started using variable fonts on the web.

Relearn CSS layout

Layout designs without @media breakpoints or hacks.

Chrome 76 Beta

Dark mode, payments, new PWA features and more.

When should you be using Web Workers?

Short answer: always.

webgems

A curated list of resources for developers and designers.

“If your code isn’t working, try leaving it in rice overnight.”

What To Expect When You're Expecting To Drop IE11

A giant list of features you should use today.

Bye Bye Preferred Domain setting

It will no longer be available on Search Console.

Prisma 2 Preview

Type-safe database access and declarative migrations.

V8 release v7.6

Filled with all sorts of developer-facing goodies.

Web components: the secret ingredient helping power the web

Web components at I/O 2019.

How to Section Your HTML

Proper HTML structure, best practices and testing.

Bringing service workers to Google Search

The story of what shipped, the impact and the tradeoffs.

A New Bytecode Format for JavaScriptCore

Safari’s fresh approach to optimize memory usage.

Why I don't use web components

10 reasons to be a web component skeptic.

Why I use Web Components: My use cases

Scenarios in which web components might be the right choice.

Introducing the Web Almanac

An annual ‘state of the web’ report.

Contrast Swatch

Image microservice for color contrast information.

The cost of JavaScript in 2019

The dominant costs are now download and CPU execution time.

Three Predictions From the State of CSS 2019 Survey

Unexpected trends derived from the survey.

5 ES2019 features you can use today

Let’s see how they upgrade the JavaScript language.

Algorithm Visualizer

Interactive visualizations of JavaScript algorithms.

HTML can do that?

It’s amazing what you can do with just HTML.

SSL Configuration Generator

Create secure configurations for web, database, and mail software.

Google's robots.txt Parser is Now Open Source

The Robots Exclusion Protocol is becoming an internet standard.

Introducing tracking prevention

Now available in Microsoft Edge preview builds.

Popups: 10 Problematic Trends and Alternatives

What to do and what not to do.

8 tips for writing great usability tasks

Ways to make the tasks easy to read and act upon.

How Google Pagespeed works

Improve your score and search engine ranking.

Nobody talks about the real reason to use Tabs over Spaces

What’s better for accessibility.

Glitch for VS Code

Code collaboration and instant deployment on Glitch from VSCode.

Modern Script Loading

Serving the right code to the right browsers.

Firefox 68: BigInts, Contrast Checks, and the QuantumBar

New implementation of the URL bar.

CSS Lists, Markers, And Counters

There is more to styling lists in CSS than you might think.

Is my host fast yet?

A public leaderboard of host performance.

Extending Atomic Design

How new concepts interact with the popular design system.

QuickJS Javascript Engine

A small and embeddable Javascript engine.

1x Engineer

If there’s a 10x engineer, there must be a 1x engineer.

Bringing new CSS techniques to production

The web’s grain continues to change.

Recreating the Fool's Mate chess move with CSS Grid

Let’s play with animated grid rows and columns.

The CSS background-image property as an anti-pattern

Why it’s time to leave it behind in most cas­es.

Everything You Need To Know About CSS Margins

There is more to a margin than you might think.

Color Inputs

A deep dive into cross-browser differences.

MDN’s First Annual Web Developer & Designer Survey

Influence how browser vendors prioritize feature development.

XState Visualizer

Statechart visualizations for JavaScript and TypeScript.

The next version of Microsoft Edge

Enterprise evaluation and roadmap.

Frontend design, react, and a bridge over the great divide

The power of directly consumable UI components.

The Simplest Way to Load CSS Asynchronously

A simple HTML approach may be all you need.

Transform

A polyglot web tool to convert SVG, HTML, JSON, and many more.

The Modern Front-End Design System Stack

Beneficial tools for working with design systems in 2019.

Browsers are pretty good at loading pages, it turns out

Let’s talk about the new fad of client-side navigation.

Nodes

A thinking space for exploring ideas with code on the web.