Encoding Animated GIFs Into Pure CSS

100% CSS video encoding.

Next-generation web styling

Some of the exciting features in modern CSS.

The SQL Murder Mystery

Learn the structured query language by solving a crime.

Finding your first remote job

Strategies to discover and land your first gig.

Facebook is working on its own operating system

A custom OS could allow Facebook to move away from Android.

A Designer’s Guide to the Terminal

Learn how to use the terminal in a short amount of time.

Visualizing Every Pantone Color of the Year

22 Colors From 2000-2020

All I Font for Christmas

A holiday calendar filled with typographic surprises.

Generative Placeholders

Use generative art as your image placeholders.

Pixels vs. Relative Units in CSS

Why it’s still a big deal in modern browsers.

Tools for designing good-looking accessible interfaces

Online checkers/generators and Figma plugins.

“People who work 60 hours a week for themselves should not tell other people to work 60 hours a week for someone else.”

3 underused CSS features to learn for 2020

Useful tools for various jobs in CSS.

The digital handbook for agency people

What you need to know from A to Z.

Super Pseudo

An entire web page built without HTML.

Animating URLs with Javascript and Emojis

No one is doing it, but you can do it.

Happy New Year!

Let’s create greeting cards with the Space Type Generator.

The People's Web

What the web once was, and what it can be again.

This Page is Designed to Last

A manifesto for preserving content on the web.

What Is JavaScript Made Of?

A mental model of JavaScript, structured like a glossary.

Storybook Docs for new frameworks

Best practice docs for Vue, Angular, Web components, and Ember.

Gimlet X-Ray Font

A variable font that exposes how a variable font works.

Min and Max Width/Height in CSS

Explanations, illustrated examples, and use cases.

Progressive Web Apps in 2020

Where we are and what’s ahead of us.

Re-Imagining The Bottom Navigation Bar

How we can deal with the increase in device diversity.

Font Generator

Fancy text styles for use on social networks.

“Don’t underestimate the ‘delight’ in making software that’s basic, fast, and actually solves someone’s problem.”

Sampling bias, FDR, and The State of JS

Let’s not use survey results as cannon fodder for framework wars.

What it means to be a front-end developer in 2020 (and beyond)

​​Things change, but the guiding light not that much.

Why I moved from React to Svelte and others will follow

Code snippets to compare React with Svelte.

Browser 2020

Things you can do with a state-of-the-art web browser.

What is the future of product design in the 2020s?

Design leaders share their predictions.

Canvas Cards

A gallery of card designs created with JavaScript canvas.

Guide To Using Reverse Image Search For Investigations

Comparison of platforms that offer search by images.

Front-End Performance Checklist 2020

Let’s create fast experiences on the web.

“Design Leaders need to act less like conductors of craft and more like business leaders that apply craft as a powerful tool to reach business objectives.”

Unlocking Colors

Color spaces for humans vs. color spaces for machines.

Next.js 9.1.7

Improvements of the latest releases of the JavaScript framework.

How to Stack Elements in CSS

You can also overlap elements with CSS Grid.

“It doesn’t matter what design tool you use if it gets the job done.”

Smaller HTML Payloads with Service Workers

Let’s delight users with limited data plans even more.

Awesome CMS

A constantly-updated collection of content management systems.

“Don’t ask for feedback if what you want is praise.”

Firefox 72 for Developers

CSS Motion Path, individual transform properties, and more.

Why You Should Choose HTML5 'article' Over 'section'

Misconceptions about some essential HTML5 tags.

[css-grid-2] Masonry layout

Proposal to extend CSS Grid to support masonry layout.

Using easing for more than just CSS transitions

Natural gradients and box shadows with easing effects.

Twitter will put options to limit replies directly on the compose screen

New ways to shape your conversations on the platform.

Snowpack

Build modern web apps with faster iteration, without a bundler.

Introducing quieter permission UI for notifications

Google Chrome reduces notification interruptions.

All Design Conferences

A list of design and frontend conferences around the world.

Color stuck?

Try the color palette finding technique graphic designers love.

Web DNA Report 2019

The top 10 frustrations for web developers and designers.

Performance Budgets, Pragmatically

A way to define performance budgets for any website.

Fun with CSS Motion Path

It’s time to animate elements along a path with pure CSS.

Monitoring Performance with the PageSpeed Insights API

A way to automate website performance measurement.

2019 JavaScript Rising Stars

Projects that got traction on GitHub in 2019.

Hamburger Heaven

The not so universal meaning of unlabeled icons.

7 UI trends to watch in 2020

There’s plenty of new stuff to be excited about.

15 experts reveal the trends for Technical SEO in 2020

What makes technical SEO really exciting.

Why Medium Lost Half of its Visibility

What’s behind the huge drop that could affect other publishers.

Hiding Elements On The Web

HTML/CSS techniques with use cases and examples.

7 CSS properties you had no idea about

There are some really interesting things out there.

“Be very careful when writing example code. This is the code everyone will copy.”

calcolor

A new way to manage digital colors: calculate colors, share palettes.

Tiny Helpers

A collection of useful single-purpose online tools.

Design’s Unsexy Middle Bits

Design Thinking is not a synonym for UX/Digital Product Design.

Google Cloud Run

Deploy your side-projects at scale for basically nothing.

Should you self-host Google Fonts?

What you can do to dramatically speed up font loading.

Building a more private web

A path towards making third party cookies obsolete.

Storybook 5.3

Build production design systems faster.

Instagram starts bringing DMs to the web

As Facebook increases its focus on messaging.

Defining ‘Toast’ Messages

How to deal with the oddly named design pattern.

The Search Console Training video series is rolling out

Search engine optimization with Search Console.

New year, new browser

Microsoft Edge/Chromium is now ready for all your devices.

CSS4 is here!

Let’s bring desperately-needed attention to CSS.

JetBrains Mono

A typeface for developers, adapted to reading code.

Design System Checklist

Helps you plan, build and grow your design system.

“Oh the irony of having a dog you name Sudo who doesn’t listen to you.”

Boring by default

Why not use a traditional web development stack?

The 'No Code' Delusion

Why ‘no code’ tools are not a software development silver bullet.

Get Ready for New SameSite=None; Secure Cookie Settings

What web developers need to know.

Font licensing is ill, please help heal it

Why font licenses based on page views make no sense.

The Design Squiggle

A simple illustration of the design process, in use since 2002.

Making painless guest wifi with QR codes

How to use QR codes to share wifi credentials.

The Secretive Company That Might End Privacy as We Know It

A startup with a groundbreaking facial recognition app.

Your online activity is now effectively a social ‘credit score’

Platforms may rate what you are doing online.

The New Generation of Performance Metrics for Better User Experience

Calibre’s user centric performance metrics.

Designing your digital product like a concept car

What we can learn from the automotive industry.

Collab Mode

CodePen now enables people to concurrently work on code.

Dark Isn’t Just a Mode

Dark mode for UX designers, beyond trends.

Spreadbase

Instant coworking for remote teams.

New browser on the block: Flow

Interview with the architect of the new browser/engine.

“Developer accused of unreadable code refuses to comment.”

The CSS Cascade

How browsers resolve competing CSS styles.

What Does 5G Mean for Web Designers?

How you can prepare for the 5th generation of mobile browsing.

Awesome-CSS-Houdini

A curated list of resources on the next level of CSS.

Google’s ads just look like search results now

The latest desktop update blurs the lines.

Release Notes for Safari Technology Preview 99

Apple drops Flash support, adds new Web Inspector features, and more.

Playwright

Node library to automate Chromium, Firefox and WebKit browsers.