Moving Your JavaScript Development To Bash On Windows

How to set up a Windows/Linux development box.

Automatically compress images on Pull Requests

Never ship unoptimised graphics again.

5G Will Definitely Make the Web Slower, Maybe

What an average person can expect from 5G.

WebAssembly Feature Detection

Modernizr for the next-generation web platform.

The Whole Code Catalog

Inspiration for creators of tomorrow’s computational interfaces.

WebGPU and WSL in Safari

High-performance 3D graphics and data-parallel computation.

Button Contrast Checker

Check if buttons/links on your page are WCAG 2.1 compliant.

A $100 Million Investment to Reshape the Economics of the Web

Let’s create an alternative business model for online content.

Unveiling Dark

A new way to code, without thinking about infrastructure.

NoJS Side-by-Side

A bookmarklet to compare an URL with and without JavaScript.

Static Svelte: JavaScript Blogging with 93% less JavaScript

Gatsby version vs. Sapper version.

Web Development Merit Badges

A compilation that makes you smile.

How to Automate Pagespeed Insights For Multiple URLs using Google Sheets

Run page speed performance evaluations en masse.

Are you learning to code?

Technical and career advice that guides you along your path.

Cascadia Code

Microsoft’s latest font for CLI experiences and code editors.

iPhone 11, iPadOS and iOS 13 for PWAs and web development

Changes that will affect web engineers.

An HTML attribute potentially worth $4.4M to Chipotle

Lessons for your web forms.

Chrome 78 Beta

A new Houdini API, native file system access and more.

Smarter custom properties with Houdini’s new API

Transitions and data protection in CSS.

Variable fonts & the new Google Fonts API

How Google’s new variable fonts work.

Fresher data in your site’s Search Performance report

Better insights into how your site performs on Google search.

Intelligent Tracking Prevention 2.3

Further protections of user privacy in Safari.

The Hippocratic License

An ethical license for open source projects.

More options to help websites preview their content on Google Search

New meta tags and attributes.

Introducing Browser Insights

CloudFlare rolled out a real user measurement tool.

JavaScript SEO Tools

Tools to improve the search engine optimization of your website.

“It takes less effort and skill to write a lot of code and a lot more effort and skill to write minimum code.”

Cloudflare, Google Chrome, and Firefox add HTTP/3 support

The next iteration of the HTTP protocol gets a big boost.

The perfect responsive menu

A responsive menu with the same HTML for all viewports.

designMode

That feeling when you first discovered ‘document.designMode’.

Why Progressive Web Apps Are The Future of Mobile Web

They just work better than typical mobile sites.

The webhint browser extension v1 release

The linting tool for web best practices is now out of beta.

HEAD

You never guess what could go in the ‘head’ tag of a web page.

Wallace CLI

Pretty CSS analytics on the command line interface.

Same-Site Cookies By Default

Inside Chromium’s brave plan to change the recipe for cookies.

Why JavaScript Tooling Sucks

It’s just too hard to use, and it’s not your fault.

“Me in my 20s: but that corner radius isn’t quite right. Me in my 30s: Literally no one cares. Just get that shit out and see if anyone even uses it.”

“If you’re having z-index problems I feel bad for you son, I’ve got 999999999999999999999999999999999999999999999999999999999999999999999999999999 and it seems to work alright on my machine.”

Into the web multiverse

Maybe it is time to re-evaluate our approach to ‘saving the web’.

Bringing PWABuilder to VSCode

Convert your web into a Progressive Web App with just a few clicks.

A Modern CSS Reset

It can make your life as a frontend developer a lot easier.

Preloading responsive images

Load responsive images faster with link rel=“preload”.

Enhancing The Clickable Area Size

Some examples of how clickable areas should be created.

Updating the user agent of Googlebot

Your website my be affected if it looks for a specific user agent.

The Evolution of Web Content Management

What can bring us back to the ease of creation of the early web.

Preact X: Virtuous DOM and the Fragments of Suspense

The next major version of the React alternative.

Why big ISPs aren’t happy about Google’s plans for encrypted DNS

The concerns of Internet Service Providers.

No More Mixed Messages About HTTPS

Chrome will start blocking http subresources on https pages.

Adaptive Photo Layout with Flexbox

A horizontal masonry effect for arbitrarily-sized photos.

Bundle Analyzer

A webpack bundle monitor integrated to GitHub.

Do you know your HTML tags?

You get 112 seconds, plus one for each correct tag.

“A component library isn’t a design system. In order to qualify as a design system, it also needs to have a bunch of documentation nobody reads.”

“No amount of JavaScript will save you from a bad idea.”

Big HTTPS changes coming in Chrome

They will help push the web to be even more secure.

Service workers at TPAC

Potential new features and behaviours of service workers.

Verify phone numbers on the web with the SMS Receiver API

Everything you wanted to know.

The new evergreen Bingbot simplifying SEO by leveraging Microsoft Edge

Bing is adopting Microsoft Edge as the Bing engine.

Editorial Design Patterns With CSS Grid And Named Columns

Demos and examples.

GitSheet

A dead simple git cheatsheet.

Google’s Robots.txt Parser is Misbehaving

How does the real Googlebot treats robots.txt?

Firefox’s New WebSocket Inspector

What you can do with the WebSocket Inspector in Firefox DevTools.

crontab.guru

The quick and simple editor for cron schedule expressions.

Myth Busting PWAs: The New Edge Edition

Don’t underrate the latest web platform to build apps.

“Pro tip: Make positive comments in code reviews as well.”

Pika Communities

A platform for managing popular JavaScript packages.

Firefox 70: a bountiful release for all

Secure password generation, new CSS styling options, and more.

Dramatically reduced power usage in Firefox 70 on macOS with Core Animation

Good news for Mac users.

Front-End Challenges Club

Fun challenges to learn and master frontend development.

“I saw a guy building a website today. No React. No Vue. No Ember. He just sat there. Writing HTML. Like a Psychopath.”

Fork

A fast and easy to use Git client for Mac and Windows.

Better Markdown in Visual Studio Code

How VS Code can become an excellent writing tool.

Auditing For Accessibility Problems With Firefox Developer Tools

What’s available in the latest release.

JavaScript frameworks security report 2019

The state of security for the Angular and React ecosystems.

A Modern Front End Workflow

Part 1: Building a Project Starter with NPM Scripts.

Uncommon Use Cases For Pseudo Elements

Use cases that are not entirely known across developers.

Things We Can’t (Yet) Do In CSS

Layout patterns we might be able to do in the future.

Quokka

A tool for rapid prototyping, learning, and testing JavaScript.

Get faster with the new Speed report in Search Console

A new way to understand how your site is performing.

Getting your sites ready for the new Microsoft Edge

It’s compatible with popular automated testing frameworks.

Visual Studio Online

Cloud-powered development environments accessible from anywhere.

A regular expression lookahead/lookbehind cheat sheet

The syntax for lookaheads and lookbehinds,

Announcing TypeScript 3.7

New language, compiler, and tooling features.

“Web developer drinking game: every time your code works, take a slurp of coffee.”

Installing Progressive Web Apps

Let’s deliver a more app store like install experience.

No code is a lie

Here’s why coders should take a second look at ‘no code’.

The 2019 Web Almanac

HTTP Archive’s annual state of the web report.

Lighthouse CI

Run Lighthouse automatically on every commit.

The Web Falls Apart

Why the basic web foundation does seem to be in trouble.

Cropping Images to a specific Aspect Ratio with JavaScript

Let’s build a tiny crop helper function.

babel/preset-modules

A Babel preset that targets modern browsers by fixing engine bugs.

HTMHell: Markup from hell

Bad practices in HTML, copied from real websites.

Re-imagining developer productivity with AI-assisted tools

What’s new in Visual Studio IntelliCode.

The Front-End Tooling Survey 2019: Results

What’s changed over the last 12 months.

GitHub for mobile

Bring GitHub collaboration tools to your small screens.

No, Absolutely Not

Front-end development as an art of saying ‘no’.

Facebook and Microsoft Partnering on Remote Development

The social media giant embraces Visual Studio Code.

Pika Registry

A JavaScript package registry for the modern web.

The future is bright, because the future is static

The power of JAMstack and the magic of SSGs.

The Firefox UI is now built with Web Components

How Mozilla migrated the UI to modern web standards.

How Do You Remove Unused CSS From a Site?

Partial solutions to a difficult problem.