An interactive guide to keyframe animations

How one of the most powerful, versatile tools in CSS works.

New in Chrome 93

Shortened release cycle, new PWA features, CSS Module Scripts, and more.

Color and contrast, what does it mean?

How the WCAG color contrast ratio works and what it means to you.

Building a stepper component

How to build a horizontal/vertical stepper component using CSS flexbox.

“QR codes turning out to be useful has to be the greatest upset of all time.”

Is Google showing different organic titles in August 2021?

What Google’s recent title rewriting means for SEOs and webmasters.

EyeDropper API

A new web API to pick a color from pixels on the screen.

How to fix Outlook Dark Mode problems

There is a way to make emails work in Outlook Dark Mode.

“Engineers are really incredible at being able to quickly spot all of the edge cases within a design that may have been overlooked.”

“Engineers are really incredible at being able to quickly spot all of the edge cases within a design that may have been overlooked.”

UI Design Tips

A collection of simple UI tips to make your users happier.

Running PHP code in parallel, the easy way

What to do when you just want to run some functions concurrently.

Element diversity

Why we overuse the div element and neglect the other 111 HTML elements.

Crafting organic patterns with Voronoi tessellations

How to form aesthetically pleasing patterns inspired by nature.

What does it actually mean when a company says, “We do not sell your data”?

The many ways tech giants use personal data for profit.

9.5 ways Google rewrites your title tags

Why Google is rewriting titles and what we can learn from it.

A future of design without designers?

An outline of one potential scenario based on some of the current trends.

Components AI

A new way to explore generative design systems.

Visual Studio Code 1.60

Built-in bracket pair colorization, automatic language detection, and more.

What they don’t tell you when you translate your app

Things you need to consider.

Good Reports

The best alternatives to Big Tech online tools and services.

Meet the self-hosters, taking back the internet one server at a time

A DIY community is taking their digital lives off the cloud.

“The most annoying thing about design is that it takes so much effort and then when you finally get it right, it should feel obvious and effortless to anyone else.”

Introducing Pollen

A library of CSS variables for rapid prototyping and consistent styling.

Brave passes 36 million monthly active users

The Brave ecosystem continues to grow for all its participants.

“The fastest way to find minor bugs is to push something live.”

“How is it that 20 years after Microsoft lost the Internet Explorer lawsuit, Apple is allowed to prevent the installation of any other browser on iOS?”

Color and universal design

How to use color in a world where every device is mobile.

How many links will I need to rank for a query in Google?

A few ways how you can get a rough idea.

Using the platform

What it means to work on a codebase with no dependencies.

Early days for CSS scoping

There is a working draft spec for CSS scoping now.

sheet-posting

Turn a Google Sheets spreadsheet into a blog page and RSS feed.

QuetRis

How QR codes are made.

Automatically replace jQuery

A library to auto-generate vanilla JavaScript alternatives for jQuery methods.

Color-Description

Accessible, human-readable descriptions of technical color representations.

Using Saliency in progressive JPEG XL images

Google enables images to load the more prominent parts first.

Increment: Mobile

The origins, evolutions, and cornerstones of modern mobile development.

Adobe software alternatives

A comprehensive list of alternatives to the products of the Adobe ecosystem.

What’s new with DevTools: Cross-browser edition

Powerful new DevTools features landed in Firefox, Edge, Chrome, and Safari.

“The term ‘UI Engineer’ is so much better than ‘Frontend Developer.’ It feels real demeaning to describe your work as half of something.”

Chrome is the new Safari, and so are Edge and Firefox

Why market regulators need to look into this.

What does it take to rank in Google Discover?

An analysis of over 12,000 URLs from over 70 domains.

What we look for in content design portfolios and work samples

Do’s and don’ts when you apply for a content design role.

Smoosh

A hyper-compressed, extremely high-contrast, barely legible typeface.

All about match expressions

PHP 8.0 introduced a hyper-optimized switch statement.

Can I include?

Check if the HTML spec allows the inclusion of a tag inside another.

OKHSV and OKHSL: two new color spaces for color picking

Alternatives to HSV and HSL that better match color perception.

Buying a website: ultimate checklist

What to consider before you acquire a website.

Twitter launches initial test of ‘communities’ topic-based groups within the app

This could spark a significant shift in Twitter usage.

Overdog

A short tutorial to understand z-index in CSS.

“Most people will never understand how much work is behind any digital product, YouTube video, book or video course.”

Facebook on your face

Smart glasses that look and feel like regular glasses are coming.

Readwise Reader

All your reading in one place: newsletters, newsfeeds, web pages, PDFs, and more.

Sprout

A virtual space to meet, chat, play, take notes, and browse together.

Structured data with Schema.org: the ultimate guide

How to make your website easier for search engines to understand.

Less absolute positioning with modern CSS

A few use-cases where using ‘position: absolute’ isn’t needed.

imagiLabs

A fun coding game for kids.

“The question isn’t, ‘What will I be doing in 10 years?’ But, ‘What will I wish I'd started 10 years from now?’”

The incentives to publish no longer reward the web’s creators

The big platforms don’t value externally published anymore.

Why did the web take over desktop and not mobile?

The “make the web do apps” is not a disruptive strategy.

Iconsax

1,000 icons in 6 different styles, free for personal and commercial use.

Bundling non-JavaScript resources

The power of the ‘new URL(…, import.meta.url)’ pattern.

The case for ‘Developer Experience’

It’s time to push developer experience across multiple stakeholders.

“Life is not a zero-sum game. Someone succeeding doesn’t mean there’s less success available to the rest of us.”

Colors & Fonts

Color and typography for web developers and digital designers.

Dann.js

A deep neural network library for JavaScript.

The KDL Document Language

A new document language meant to replace stuff like YAML/JSON/XML.

Designing beautiful shadows in CSS

How to transform typical box-shadows into beautiful, life-like ones.

Principles for designing sustainable, environmentally friendly websites

Lighter is nearly always better.

Building a split-button component

A split button can be crucial to helping a busy design feel minimal.

“When you say ‘I don’t like this thing’ and then share the thing, you’re actually giving the thing your energy. If you truly don’t like it, let it go and don’t mention it.”

The danger of open redirects

How something as simple as a redirect can end up.

Grainy gradients

Make some SVG noise for a new kind of CSS gradients.

Modernising CSS infrastructure in DevTools

The past, present, and future of CSS in Chrome DevTools.

Prevent content from being hidden underneath the Virtual Keyboard

The VirtualKeyboard API aims to solve this.

PHP maintains an enormous lead in server-side programming languages

Make no mistake, PHP is still here to stay.

Focussss

Input focus and form validation in a different, playful way.

“People underestimate the power of repetition. Consistent practice is the only way to get great at anything.”

“Nobody tells you that being an old man designer is just endless slideshow decks.”

The effect of CSS on screen readers

CSS can change the behavior of semantically correct HTML.

Announcing Grammarly for developers

The popular writing assistant can now also be part of your website.

KBar

A fully extensible command+k interface for your site.

iPhone 13 Sketch Library

Fully editable and highly flexible mockups for the new iPhones.

Sketch iOS 15 App Icon Template

The latest app icon tweaks, home screen mockups and wallpapers.

Basic Pattern Repository

A collection of simple hand-made SVG patterns.

The future of CSS: Cascade Layers

What they are, and how we can use them to our benefit.

Noto: A typeface for the world

Google Fonts now include all Noto fonts (1,000+ languages, 150+ writing systems).

What’s new in Unicode 14.0

Seven new smileys, heart hands, pregnant man, and many more.

Hoefler&Co &Monotype

The famous Hoefler Type Foundry is joining Monotype.

Web Vitals patterns

A collection of common UX patterns optimized for Google’s performance metrics.

Core Web Vitals is a measurable ranking factor

Google’s UX performance metrics are relevant for search engine optimization.

“In my experience, one of the best ways to start a business is to give a lot of things away for free.”

Mechanic

A framework for making custom design tools in the browser.

More information on how Google generates titles for web page results

How the new system works and what to know as a site owner.

Ambient Chaos

A huge selection of background sounds to better work and relax.

Doodle Ipsum

A tool to generate placeholder illustrations with a simple line of code.

CSS container query units

How the new CSS query units work, along with use cases and examples.

Astro Play

Online playground for a new kind of static site builder.

A Lens A Day

Quick conversations about different topics in information architecture.

Web quality assurance

From user requirements to web risk management.

Inovatik HTML Templates

Free HTML templates for websites and landing pages.