Hyperscript Tagged Markup

JSX alternative using standard tagged templates, with compiler support.

Archiving web sites

The traditional process and what to do if it falls short.

Experimenting with brain-computer interfaces in JavaScript

Possibilities and limits.

The Undefined Podcast

A podcast about JavaScript, crossbows, and other stuff.

Malicious code found in npm package event-stream

What happened and what to do about it.

ncc: Node.js Compiler Collection

CLI program and API for compiling Node.js projects into a JavaScript file.

“How can you tell if you’re writing modern JavaScript? Try it in Internet Explorer! If it doesn’t work, it’s modern JavaScript!”

Open Source is Not About You

You are responsible for your own needs.

React 16.x Roadmap

What comes next in the popular JavaScript UI library.

Front-end development is not a problem to be solved

Why it’s not going away any time soon.

Doka.js

A JavaScript image editor for your website.

Progressive Web Apps: The future of the Mobile Web

How we can deliver app-like experiences on the web.

Designing Headers for HTTP Compression

HPACK works completely different than GZIP.

Celebrating Web Standards on Blue Beanie Day

Show your support for Web Standards.

State of JavaScript 2018

What developers all over the world think, learn, and use.

Should I Use JavaScript to Load My Web Fonts

State of the art of web font loading.

Securing Your Site like It’s 1999

What we can learn from the last twenty years.

A look at CSS Resets in 2018

Where we are and where we are going.

Microsoft is building a Chromium-powered web browser

It will replace Edge on Windows 10.

Just markup

“A JavaScript Developer is not per se a Front-end Developer.”

The Google Cloud Developer's Cheat Sheet

Short descriptions of all products in the Google Cloud family.

Reluctant Gatekeeping: The Problem With Full Stack

Different kinds of code are suited to different kinds of people.

What's New In DevTools (Chrome 72)

Visualization of performance metrics, and more.

Rich Code Navigation

Visual Studio Code’s new way to review pull requests.

Goodbye, EdgeHTML

The future of web browsers: Chrome vs. Firefox.

Pika

A searchable catalog of modern ‘module’ packages on npm.

Microsoft Edge: more open source collaboration

Microsoft contributes to the Chromium project.

QUIC and HTTP/3 : Too big to fail?!

Potential threats for QUIC and HTTP/3 adoption and deployment.

Release Notes for Safari Technology Preview 71

Dark Mode enhancements, Web Animations, and more.

Web Development on a Phone

Full desktop Linux on the phone.

Metrics from 1M Sites

What performance metrics from top web sites reveal.

The Rise of Microsoft Visual Studio Code

It rapidly takes market share from other top editors.

CodePen: Now with More Sidebar

Fresh user interface for the popular online code editor.

Browser diversity starts with us

The future of web standards: Chrome vs. Firefox.

Google To Shut Down Many Old Search Console Reports December 13th

Which reports are going away.

DRY Switching with CSS Variables: The Difference of One Declaration

The power of CSS variables.

Firefox 64 Released

Improvements for DevTools, JavaScript, CSS, and more.

JavaScript growth and third parties

Since 2011 the size of third party JavaScript has octupled.

Stepping Back from the Edge

What you can do to prevent a browser monoculture.

Protecting Your Site With Feature Policy

How to be in control of 3rd-party scripts.

quicklink

Automatically prefetch links in the viewport during idle time.

Bootstrap 3.4.0

What’s new in the popular open-source front-end framework.

What happens when packages go bad?

The impact of an attack, and what can be done about it.

Stop Learning Frameworks

Keeping up to date with modern tools is fun, but…

V8 release v7.2

What’s next in Google’s JavaScript and WebAssembly engine.

Shapy

Gradient shape editor to explore the power of CSS gradients.

The practical value of semantic HTML

More future-proof code, better usability and accessibility.

Mobile-First indexing, structured data, images, and your site

Google’s mobile-first index grows rapidly.

WebAssembly Is Fast

A real-world benchmark of WebAssembly vs. ES6.

Using DevTools to understand modern layout techniques

Visualize how the browser interprets code.

Ten new data centers

Cloudflare expands global network to 165 cities.

Web components still need to be accessible

The promise of web components and what we need to consider.

JavaScript Getter-Setter Pyramid

A way to structure and visualize basic building blocks.

I’m Awake! Stay Awake with the WakeLock API

Need to keep the screen or the device awake?

What We Wished For

Browser mono-culture: a bitter wish is coming true.

New CSS Logical Properties: The Next Step of CSS Evolution

Old box model vs. new box model.

Is AVIF the future of images on the web?

Single-frame AV1 video vs. JPG or WebP image.

Why isn’t it their job

The magic of using semantic HTML.

Neural networks in JavaScript

A fun and practical introduction to Brain.js.

SSH Examples, Tips & Tunnels

Take your system admin game to the next level.

Google Design’s Best of 2018

Favorite projects of the Google Design group.

How to code with a newborn

Buy a standing desk, use a baby wrap, play ambient music, dance.

Make frontend Shit Again

Remember when frontend was fun?

Don’t use JPEG-XR on the Web

The decoding performance nullifies byte size savings.

My Wish List for Progressive Web Apps in 2019

What we need to have a better web app platform.

When can I use…

The browser compatibility tables started 10 years ago.

TXQR

Data transfer via animated QR codes.

FBT

An open source JavaScript Internationalization framework.

Flexbox Inspector

Now in Firefox developer edition.

Making single color SVG icons work in dark mode

The power of ‘currentColor’.

Learn JavaScript

Learn modern JavaScript from scratch in an intuitive environment.

Google Rich Results Test

Find out if your web page supports rich results.

New year, new GitHub

Announcing unlimited free private repos and unified Enterprise offering.

Playing with Google’s new Indexing API and getting pages crawled immediately

Proof of concept.

Serve modern code to modern browsers for faster page loads

Let’s optimize the JavaScript bundle.

Git Command Explorer

Find the right commands without digging through the web.

The Ethics of Performance

Poor web performance can, and does, lead to exclusion.

CSS doesn’t suck

“CSS should sit equal with HTML and JavaScript.”

“Top two mistakes in documentation: assuming people know everything and assuming people are stupid.”

Designing the Flexbox Inspector

How the new inspector in Firefox DevTools works.

MailtoUI

Better mailto links for people with a browser-based email client.

RunJS

Playground for JavaScript: write and run code instantly.

Happo

Cross-platform, cross-browser screenshot testing for user interfaces.

New ES2018 Features Every JavaScript Developer Should Know

Higlights of ECMAScript 2018.

The Rise and Demise of RSS

Today we are left with centralized silos of information.

SVG Filters 101

How to use them to create your own visual effects.

CSS Feature Toggles

Extension for testing progressive enhancement fallbacks.

State of the Web: Animated GIFs

Why you should switch to looping movie files.

Static Site Boilerplate

A better workflow for building modern static websites.

Remove unused code

How to analyze your bundle with Chrome DevTools.

'Fixing' Lists

Hacks for fixing the list style-type:none; bug in Safari.

Introducing Speed Demon

Weekly webpage speed tests without writing any code.

HTML5 Input Types: Where Are They Now?

Which can we use, and which should still be avoided?

“Keep code simple. Make it easy to read and maintain by others. Design patterns are great, but use them when it’s clear they add value.”

Introducing Prefill Embeds!

CodePen now lets you manage code from your own website.

How Well Do You Know CSS Layout?

Ways to get yourself through layout challenges.

“To get to a good idea, you must be willing to work through a lot of bad ideas and not give up.”

“Why programmers like cooking: You peel the carrot, you chop the carrot, you put the carrot in the stew. You don’t suddenly find out that your peeler is several versions behind and they dropped support for carrots in 4.3.”

Programming Fonts: Test Drive

Find out which programming font works best for you.

How to Use Chrome Dev Tools to Find Performance Bottlenecks

Various techniques to seek out performance issues.