Combining fonts

Yes, you can pick and choose fonts for each character.

PWA Directory

Collection of Progressive Web Apps: best practices and examples.

Getting Started with Headless Chrome

Screenshots, DOM print, PDF creation, debugging, and more.

Inclusively Hidden

Hiding content with accessibility in mind.

The web share API

Benefits it brings to both developers and users.

Samsung DeX brings a new Dimension to the Mobile Web

DeX turns smartphones into Desktop Experience mode.

“The biggest misconception about accessibility is that by adding it you’re doing someone a favor. You’re not, you’re doing your job.”

Winning with CSS Variables

“I can’t believe it’s not Sass!”

“The older I get, the longer my variable names get.”

Prepack

A tool for making JavaScript code run faster.

SVGito: Little Optimizations for SVGs

A web-app for ‘cleaning-up’ your SVG files.

CSS Variables - No, really!

Why CSS variables are a big deal.

Why Are App Install Banners Still A Thing?

The short answer is growth.

CodeCopy

Browser extension to easily copy a code block online.

Learn CSS Grid

A fairly comprehensive overview of CSS Grid.

Vue.js Complete API Cheat Sheet

The popular frontend JavaScript framework at a glance.

Security in Offline First Apps

Let’s find out where security is an issue.

omg-img

Insert icons directly into your HTML just by writing the code.

Quantum Up Close: What is a browser engine?

What Mozilla’s next-generation browser engine is changing.

Announcing the new webpack CLI

The CLI tool of the module bundler is now easier to use.

Butternut

Fast JavaScript minifier that works with ES6 and beyond.

Introducing Stack Overflow Trends

A tool to track the rise and fall of programming technologies.

Menus & Menu Buttons

How you can make them accessible.

Writing Tidy Code

When it comes to readable code, most of us could do better.

Tracing the history of CSS fonts

How things got to where there are.

The :focus-within pseudo class

A new CSS feature for styling focus states.

Pingy CLI

Frontend build tool, a simple alternative to Gulp and Grunt.

Style Guide Guide

A boilerplate for creating style guides.

Announcing Git Integration for Atom and GitHub Desktop Beta

Take GitHub beyond your browser.

GitHub for Atom

Git and GitHub integration right inside the code editor.

Mavo

A new, approachable way to create Web applications.

Introducing Mavo

Create web apps entirely by writing HTML.

It's time for 2.0!

What’s new in Polymer, the JS library built on top of Web Components.

Responsive Design for Motion

WebKit introduces reduced motion features for accessibility.

Google.ai

Bringing the benefits of AI to everyone.

The 5 Most Popular Frontend Frameworks of 2017 Compared

What’s the right framework for you?

Announcing JSON Feed

A format similar to RSS and Atom but in JSON.

The Modern Mobile Web: State of the Union

“‘Progressive Web Apps’ has proved to be far more than a buzzword.”

One build tool to rule them all - Blendid

It combines and configures the best build tools.

Microtip

A modern and lightweight CSS only tooltip library.

CSS :focus-within

How it can help make accessible dropdown navigation menus.

“HTML is by default accessible. As developers, it’s our job to not fuck that up.”

Are we making the web too complicated?

The web’s amazing capacity to reinvent itself.

GitHub Marketplace

Tools to build on and improve your workflow.

“With every new framework release comes the fresh chance of masking your lack of fundamental JavaScript knowledge.”

Introducing the Blockstack Browser

A gateway to a new, decentralized internet.

Stack Overflow: Helping One Million Developers Exit Vim

Who is most likely to get stuck in Vim.

The state of JavaScript modules

Where we are and where we’re going.

The State of CSS Animation

How it has grown and what it’s capable of today.

A brief and incomplete history of JavaScript bundlers

Browserify vs. Webpack.

A very good time to understand CSS layout

Why it makes sense to learn all the web layout methods right now.

Announcing styled-components v2

A smaller, faster drop-in upgrade with even more features.

What is the Future of Front End Web Development?

Where we are and where we are going.

v5.0.0

npm 5 takes npm a pretty big step forward.

Node v8.0.0

Significant changes and additions.

Announcing Storybook 3.0

What’s new in the UI component development environment.

Time to Interactive

Why the metric is important and how it is calculated.

A Love Letter to CSS

Let’s defend CSS against the CSS haters.

HTTP/2 push is tougher than I thought

It’s powerful but there are drawbacks.

Webpack for Everyone

How to bundle and optimize your assets for production.

“The web would be a better place if more developers considered accessibility as an interesting challenge rather than a painful burden.”

HTML Cheat Sheet

All HTML elements with descriptions, examples and previews.

Deletability

“Writing deletable code is writing good code.”

Tad

A desktop application for viewing and analyzing tabular data.

Intelligent Tracking Prevention

What WebKit’s new feature means for web developers.

Announcing WebVR on Mac via Firefox Nightly

WebVR on Firefox goes cross-platform.

Safari 11.0

WebRTC, WebAssembly, variable fonts, camera/microphone access, and more.

Goodbye PNaCl, Hello WebAssembly!

Chromium’s better fit for high-performance web apps.

Assembling WebAssembly

WebKit’s browser solution to high performance code.

“I’ve been a web developer for 20 years. When things frustrate me I try to make the platform better, rather than sneering and whining.”

The Future of MDN: A Focus on Web Docs

What to expect, and why it’s important.

An intro to web components with otters

What web components are and how to use them.

Adopting Flow & TypeScript

The on-boarding process of two type checkers in comparison.

A day without Javascript

What happens if you turn off JavaScript in your browser for one day.

Locally Scoped CSS Variables: What, How, and Why

Building clean, modular design systems.

Shape Detection API: Detecting barcodes, faces and text inside an image

Amazing features are coming to the web.

Thoughts on Self-Documenting CSS

Are comments in CSS good or bad?

How (Not) to Control Your CDN

“We need to think more carefully about how we use CDN control panels.”

The State of CSS

Let’s say goodbye to some old-fashioned things.

flubber

Tools for smoother shape animations.

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development

Everything you wanted to know.

Chrome 60 Beta: Paint Timing API, CSS font-display, and Credential Management API improvements

What’s new for web developers.

Results of the Ultimate CSS Survey 2017

Developer’s practices, habits, knowledge, and understanding of CSS.

The Best Firefox Ever

“The new version of Firefox nails the ‘just right’ balance between memory and speed.”

A Complete Guide To Switching From HTTP To HTTPS

Configurations for shared hosting and web servers.

Developers Who Use Spaces Make More Money Than Those Who Use Tabs

Insights from the Stack Overflow 2017 Developer Survey.

webpack 3: Official Release

What’s new and what’s next in the JavaScript module bundler.

HTML imports are the best web component

Why they are a compelling way to structure modern web apps.

sonar

A linting tool for the web, with a strong focus on the developer experience.

Powerful New Additions to the CSS Grid Inspector in Firefox Nightly

What’s new in the Firefox Developer Tools Layout panel.

Reimagining the browser as a network OS

How a peer-to-peer protocol can impact the web’s design.

Using CSS variables correctly

“CSS variables will challenge some techniques and thinking we’ve developed over many years.”

Aspect Ratios in CSS are a Hack

Let’s find a proper way to implement them on the web.

Tilt.js

A lightweight parallax tilt effect for jQuery.

CSS Animations vs Web Animations API

“The Web Animations API looks to be the start of something great.”

Open Source Sponsors

A list of companies that sponsor open source software.

"Why is the Internet so slow?!"

“The Internet is much, much slower than it could be.”

Naming Progressive Web Apps

Where the name ‘PWA’ comes from and who it is for.

React Express

The all-in-one guide to modern React application development.

Bootstrap to CSS Grid

Progressive Enhancement with the new CSS layout features.