“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?

The QR Code Comeback

There are no bad QR codes, just bad use cases.

State of Gen Z Report

The latest Generation Z cultural trends and shifts.

“Your best marketing copy is sitting in the customer’s mind.”

A New Homepage

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

A quick look at privacy-focused analytics for small sites

Alternative analytics tools for bloggers and freelancers.

Workers Durable Objects Beta

A new approach to stateful serverless.

Compress-Or-Die

Online image compressor with professional features.

How screen readers navigate data tables

With demo video and data table.

Guide for handling online harassment

How we can take care of ourselves and our community.

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.

“Remember when we had the mental energy to hate a new logo?”

Growth of the Web in 2020

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

Free, Privacy-First Analytics for a Better Web

Cloudflare’s new analytics service that’s open to everyone.

When fonts fall

A guide to font fallback, its beauty, and all the pitfalls.

“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.

Famous Logo Designs

Including their final logo design sketches and napkin doodles.

DigitalOcean's Hacktoberfest is Hurting Open Source

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

“The Tech industry has sold itself on ‘making the world a better place’, so tech leaders probably shouldn’t be surprised when their employees want to do that.”

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.

The Colors of Jean Giraud aka Moebius

How the comic artist used color through his stories.

“You’d be surprised how far you’ll get by just doing what you say you’ll do.”

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.

Volt

A starter kit to help you master interactive prototyping in Framer.

Coil Developers

Web monetize your site with open technology.

Unfck the internet

Firefox extensions to fix some annoyances on the internet.

compute cuter

Cute syntax themes, monospace fonts, keyboards and keycaps.

Traffic Design

What if modern designers were tasked with traffic signs redesign.

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.

Touch, Point, Click: Mouse vs Touch Screen Input

Why different methods of user inputs matter in design.

Opening Links in New Browser Windows and Tabs

What to do and when.

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.

The end of the American internet

Internet regulation is becoming an export industry, worldwide.

What's new in Sketch 69

Color variables, components view, insert window, and more.

Introducing DigitalOcean App Platform

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

A new home for Web Stories on Discover

Google brings visual Web Stories to its discovery feed.

CSS Variables 101

A complete guide with examples and use cases.

Skill Mapping: A Digital Template for Remote Teams

Visualize skills of UX professionals and UX teams.

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.

Global Privacy Control

A privacy standard proposal to make online privacy accessible to all.

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.

The world does not revolve around your product

How a ‘bettter’ product can work against you.

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.

How Google autocomplete predictions are generated

Where predictions come from and why not all are shown.

Why We’re Moving From Content Strategy to Content Design

Facebook’s new focus on the word ‘design’.

Full bleed layout using simple CSS

A simple solution to a tricky modern layout.

Radix Icons

An open-source SVG icon set, ready for Figma, Sketch, React.

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.

Feds may target Google’s Chrome browser for breakup

US prosecutors are discussing ways to curb Google‘s power.

OpenDeck

Steal inspiration for your next pitch deck.

“Everything is a ‘must-have’ until you run out of time or money.”

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?

Five Eyes governments, India, and Japan make new call for encryption backdoors

The alliance’s latest effort to get tech companies into the boat.

Please stop using CDNs for external Javascript libraries

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

7 myths designers and developers believe about web accessibility

Common accessibility myths busted.

How to debug distributed teamwork

As suggested by new research.

HTML De-crapulator

A cleaner-upper tool to remove junk from HTML.

Git scraping

Track changes over time by scraping to a Git repository.

2.1 Million of the Oldest Internet Posts Are Now Online for Anyone to Read

The first browsable archive for early Usenet posts.

Introducing the new Google Analytics

More essential insights with advanced machine learning.

Design better by avoiding your cognitive biases

By knowing the biases you can do something about it.

A more expressive Medium: starting with Medium

The popular online publishing platform introduces a new look.

YouTube Dominates Google Video in 2020

It has most video carousel results on Google page one.

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

Three logical CSS functions to use today.

A quarter century of hype

25 years of the Gartner Hype Cycle.

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.

“Your brand is the feeling people have when they think of you.”

Logical layout enhancements with flow-relative shorthands

CSS control of international layouts is now even easier.

3,000 Hands

A free library of diverse hand gestures.

How Google indexes passages of a page and what it means for SEO

Google starts to index individual passages from the pages.

Hello, RSS

A look at the current state of RSS readers in 2020.

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.

CSS Background Patterns

Cool CSS background patterns for your web projects.