PWA Builder 2.0

What to expect next from the Progressive Web App builder.

“Until we measure what we value, we will over-value what we measure.”

Typography in Design Systems

A typographic system that’s optimized for guessability.

We are actively destroying the web

Let’s not build inaccessible experiences that ‘we’ll fix later.’

Color.review

Colors that look and work great for everyone.

ArchiveBox

The open-source self-hosted web archive.

Avataaars Generator

Easily make your own personal avatar.

Who has the fastest website in F1?

Let’s compare the performance of Formula One websites.

A Future Without Webpack

Thoughts on the past, present, and future of web bundling.

User Click Through Rates and Search Result Rankings at Google

A look at Google’s new continuation patent.

Firefox 66: The Sound of Silence

Autoplay blocking, Screen sharing, passwordless login, and more.

Killed by Google

List of dead Google products, services, and devices

Things nobody ever taught me about CSS

A quick list of important things.

Request Map Generator

Rapid inspection and visualization of third-parties on websites.

Keeping Passwords Secure

Facebook notifies countless users that their passwords were stored in plain text.

“The ability to break down a complex project into manageable chunks is a hugely underrated professional skill. Strange that so few people hire and evaluate for it.”

A framework to give better design feedback: Analyze, Discuss, Suggest

How you can improve yourself.

One Page Love

One Page websites, templates and resources.

Webspam report 2018

Google’s efforts to provide high quality search results.

Flexulator

A visual way to understand your CSS Flexbox settings.

Architecting UIs for Change

What to do when requirements shift dramatically.

Sheet2Site

Create a website from Google Sheets without writing code.

All you need to know about hyphenation in CSS

How you can already use CSS hyphenation today.

A first look at Microsoft’s new Chromium-powered Edge browser

“You’ll probably never need Chrome again.”

Mockdown

Turn high fidelity UI images into mockups.

“You’ll never be good at something if you never do it. You might suck when you start, but the only way up is through.”

Improving Perceived Performance With the Link Rel=preconnect HTTP Header

A small change can have a huge effect.

How to discover & suggest Google-selected canonical URLs for your pages

Using Search Console’s URL Inspection tool.

What’s new on iOS 12.2 for Progressive Web Apps

A big step forward, but not free of problems.

Google makes emails more dynamic with AMP for Email

It turns emails into web page-like experiences.

The European Copyright Directive:

What is it, and why has it drawn more controversy than any other directive in EU history?

Checklist Design

The best UI and UX practices for production ready design.

Standardizing WASI

A system interface to run WebAssembly outside the web.

DropCSS

A simple, thorough and fast unused-CSS cleaner.

Masterful Mobile Web

How top brands are creating great mobile experiences.

How To Organize Files In A Design Agency

Clay’s way of project file organization.

Pseudo Design Titles

A title generator for eccentric designers.

Always Own Your Platform

“Stop giving away your work to people who don’t care about it.”

An Unpopular List of Marketing Trends for 2019

What really will impact web marketing.

Enforcing accessibility best practices with automatically-generated ids

The power design systems.

CSS Houdini Could Change the Way We Write and Manage CSS

Houdini brings modularity and configurations to CSS.

Experimenting with the Streams API

How streams can boost the performance of your web app.

Google begins shutting down its failed Google+ social network

The deletion of personal accounts has started.

Google’s constant product shutdowns are damaging its brand

The latest batch of dead and dying Google apps.

Custom Property controlled fluid type sizing

Responsive type sizes made easy.

Stop using so many divs!

An intro to semantic HTML.

What Does Dark Mode’s “supported-color-schemes” Actually Do?

Proposal for a new meta tag and CSS property.

User experience improvements with page speed in mobile search

The impact of Google’s new search ranking factor.

Illustrated.dev

Illustrated web development and JavaScript tutorials.

You probably don't need that hip web framework

“Modern web development is a hellscape.”

Simple & Boring

What a lot of smart people have been telling us to be.

Better Link Labels: 4Ss for Encouraging Clicks

Specific, Sincere, Substantial, and Succinct

Gimli

Visual tools to simplify the process of creating complex layouts.

Old, Online, And Fed On Lies

How An Aging Population Will Reshape The Internet.

CSSBattle

Online CSS Code Golfing battleground with leaderboard.

New WebKit Features in Safari 12.1

Intersection Observer, Web Share API, Color Input, and much more.

Ethical Alternatives & Resources

An open list of resources for ethical living.

Native image lazy-loading for the web!

Chrome soon supports the loading attribute.

Puma Browser

Privacy focused browser with a new way to pay for content.

Unicode art gallery

Random paintings with geometric unicode characters.

A Guide to Better Designer Client Relationships

A client-first viewpoint for owners of design studios.

Web Maker

Offline web playground in your browser.

After Chrome, Firefox will also support off-screen image lazy loading

Built-in support for image lazy loading coming.

Major Browsers to Prevent Disabling of Click Tracking Privacy Risk

What to do if you care about privacy.

User interfaces: hiding stuff should be a last resort

Discarding must come first.

Perflink

JavaScript performance benchmarks that you can share via URL.

Microsoft Edge Insider

The first builds of the next version of Microsoft Edge.

What to expect in the new Microsoft Edge Insider Channels

Microsoft’s next browser, based on Chromium.

How One Tool Changed the Way We Work with Clients

The power of Figma.

Dropmark

Organize, collaborate, curate, and share online.

Blog Statistics 2019: What We Learned from 1,117 Bloggers

Questions, answers, and takeaways.

Code caching for JavaScript developers

What can help improve the startup of your websites.

What design tools get wrong

Features that a design tool should support natively.

Creating a full bleed CSS utility

Full-width content that doesn’t break the document flow.

Search Console reporting for your site's Discover performance data

What’s new in Google Search Console.

Release v0.5.0

What’s new in Browser Preview for Visual Studio Code.

Digital Marketing Industry Pricing Survey (updated 2019)

How marketing agencies and consultants price themselves.

Boundless

Create sophisticated web apps without writing code.

How to Diagnose and Solve JavaScript SEO Issues in 6 Steps

A challenge for developers and search engine optimizers.

Everything I know about freelancing

Freelancing can be a long-term career.

What version of Chrome is Google actually using for rendering?

Googlebot is currently using Chrome 69 most of the time.

Nothing Fails Like Success

The father of web standards on why the Web sucks.

Front-end Developer Handbook 2019

The current practice of front-end development.

How We Used WebAssembly To Speed Up Our Web App By 20X

A case study.

‘Ethics’ and Ethics

Questions and answers about ethics in design.

Links as a Google Ranking Factor: A 2019 Study

Let’s find out if links still matter.

Web Components will replace your frontend framework

What’s on the horizon.

Charts

A collection of charts, graphs and diagrams for Sketch.

Understanding Subresource Integrity

Defend your site against certain types of hacks.

“Build a product to solve your own problem. That way you’ll have at least one user – more than most startups ever get.”

Web Components: Seamlessly interoperable

How Web Components can work anywhere.

Custom Open Graph Images for repositories

GitHub lets you better promote your project.

From Like Buttons to Message Bubbles: The UX Designs You Can’t Use

What you can and cannot patent.

Announcing Framer Bridge

Tools to connect your design system to production code.

Techniques for Data Visualization on both Mobile & Desktop

Do’s and don’ts.

Collaboratively Browsing the Web within Visual Studio Code

An early experiment.

Ikonate

Fully customizable and accessible vector icons.

After three years of silence, a new jQuery prototype pollution vulnerability emerges once again

What you can do about it.

CSS masonry with flexbox, :nth-child(), and order

Mosaic layouts with pure CSS.

Generative art with CSS

Techniques from outside of CSS applied to CSS.