Handling text over images in CSS

An in-depth article that focuses on gradient overlays.

SvelteKit is in public beta

Think of it as some kind of Next.js for Svelte.

The PM design partnership

How product managers can effectively work with designers.

Serenity Notes

An end-to-end encrypted collaborative notes app.

WhatsApp for work

Slack is turning into a full-on messaging app.

Hyperglot

A database and tools for detecting language support in fonts.

“I’m not actually a front-end engineer. I’m actually a stack of divs with ‘outline: 1px solid ${colour}’ in a trenchcoat.”

Three futures

Exploring the future of web monetization.

Computers and creativity

How digital creative tools can become better co-creators with us.

The end of AMP

Why Google’s Accelerated Mobile Pages may have seen its best days.

Get better at programming by learning how things work

Let’s talk about a different way to get better at programming.

How the Web Audio API is used for browser fingerprinting

Browser identification without using cookies or permissions.

“Wild to think that we used to work on the computer for 9 hours a day with our shoes on.”

“If you work on the frontend, the only skill you must *absolutely* acquire is caring about users.”

Accessible scroll behavior

‘scroll-behavior: smooth’ with ‘prefers-reduced-motion: no-preference’.

Not your typical horizontal rules

HTML ‘hr’ elements don’t have to look boring.

Container Query proposal & explainer

You can now play with an early prototype of container queries.

Facebook for WordPress plugin vulnerability targets +500,000 sites

Two exploits can lead to a site takeover and malicious backdoors.

Theme Studio

Design and share your own Visual Studio Code themes.

Louvre Collections

Pictures of Louvre’s entire collection of artwork online.

Human-readable JavaScript

What experts should aim for when writing readable code.

A guide to optimizing for Google News, top stories, and Discover

Google’s new features open up opportunities for visibility.

“I used to write ‘Convert your CSS codebase into Sass!’ guides. Now I think it’s time for a ‘Convert your Sass codebase into vanilla CSS!’ guide.”

Announcing the Deno Company

An attempt to revitalize the server-side JavaScript ecosystem.

Manage your growing photo library with Flag & Reject

Darkroom’s new workflow to cull and review your photos.

Next.js 10.1

The React Framework comes with many improvements.

The best website builder for small business in 2021

Ways to build a website or online store without coding.

“The more you pay attention to your competitors, the more you end up just like them. Obsessing over what everyone else is doing doesn’t help you differentiate, it causes you to assimilate.”

PHP's Git server hacked to insert secret backdoor to its source code

Another instance of a software supply chain attack.

“If you want to be a great content creator, then you need to be comfortable with not being so great at first.”

Figma's Interactive Components were not designed for this

It can be fun to make stuff with the wrong tools.

Unsplash is being acquired by Getty Images

What happens next to the popular source of freely-usable images.

Dark mode in 5 minutes, with inverted lightness variables

How to build a basic dark mode with CSS custom properties.

“How to become a better designer: Be a better person.”

Core Web Vitals & Page Experience FAQs

Google’s answers to questions about Core Web Vitals and Search.

Poulette, the color palette

Proof of concept for a color mixer interface.

Stark Public Library

The largest, centralized accessibility resource on the web.

Free font alternatives: The ultimate guide

Good replacements for some of the most popular paid fonts.

Storybook 6.2

Wide support for web frameworks, packaging tools, and bundlers.

Developing for imperfect: Future proofing CSS styles

Things can break, but modern CSS provides solutions.

Container Queries are actually coming

They will transform UI design, just like media queries did.

100 things I know about design

The many ways to look at design from unusual perspectives.

Best practices for cookie notices

Optimize cookie notices for performance and usability.

The beginner’s guide to link building

A guide to get you going quickly, and in the right direction.

The Clubhouse clones are coming

Voice channels from Slack, Spotify, Facebook, Instagram, and Discord.

Wormhole

Private file sharing with end-to-end encryption and link expiration.

Conic.css

Nice, simple conic gradients.

Debug Web Vitals in the field

How to identify and fix real-user issues with analytics.

“Designers who credit the other designers and people who worked on projects in their portfolios: I see you and I appreciate you.”

NFTs weren’t supposed to end like this

Non-fungible tokens for artists: how it’s started and how it’s going.

533 million Facebook users’ personal data have been leaked online

Posted on a hacking forum for free.

Google is testing its controversial new ad targeting tech

What it means for users and web site owners.

Space Jam

Speed comparison of an iconic website, 1996 vs 25 years later.

How to make an ineffective 404 page

Ways to make an already bad situation even worse.

Yahoo Answers will be shut down forever on May 4th

The end of a long and storied internet era.

Accessible front-end components: claims vs reality

What to ask when picking accessible front-end components.

Debugging series 2021: Welcome to the jungle

A series to help you level up your debugging game.

The importance of metrics maturity for evidence-driven teams

The way a team uses metrics is fundamental to its success.

Introducing Clubhouse Payments

The first monetization feature for creators on Clubhouse.

Web browser engineering

How browsers work: build your own basic but complete web browser.

An early impression of Neeva, the ad-free search engine

Neeva comes with new features that set it apart.

Bloo

Low fidelity wireframe kit for design and prototyping.

Squeaky Portraits

Having fun with the CSS clip-path: path() function.

The WebPageTest API has gone public

Automated web performance testing for anyone.

XState Catalogue

A collection of professionally designed state machines.

Sharing content from your device directly into a new WordPress post

Content publishing as if your website is a native app.

“So many people only ever experience bloated, unwieldy SVG markup out of a graphics editor and don’t realise how clear, simple and useful it can be when hand-coded by real humans.”

Cumulative Layout Shift Debugger (CLS)

A tool to identify disturbing layout shifts on web pages.

UX Design Challenges

Real-world exercises to train yourself in crucial UX skills/tools.

Improved data filtering and comparison on Performance reports

Search Console’s Performance reports continue to get more useful.

Skribbl

A growing collection of free, hand-drawn illustrations.

“Feed browsers mostly HTML & CSS and they will work magic for you. Feed browsers mostly JS, and you’re going against the grain. Polish doesn’t take easily when you cut that way.”

Microlink Cards

A code editor for creating dynamic social images at scale.

Debug layout shifts

Thought process and tools to identify and fix layout shifts on web pages.

Designers: mind your language

Collateral damages of over-simplifications in design.

“Don’t ask for advice before you get started, ask for feedback once you have.”

The current state of mobile UX

Many e-commerce sites still have severe mobile UX issues.

Comparing the new generation of build tools

A detailed evaluation of esbuild, Snowpack, Vit, and wmr.

My current HTML boilerplate

A modern basic structure of a HTML document with explanations.

esoteric.codes

Languages, platforms, and systems that break from the norms of computing.

Social media use in 2021

Demographic differences in U.S. users of the top social networks.

Modern CSS upgrades to improve accessibility

CSS accessibility tweaks for users across any device.

“A genuine problem in tech is that we’ve created a culture where people switch jobs too often to experience the consequences of their product and technical decisions let alone have to fix them.”

CodeTour

Visual Studio Code extension to create guided code walkthroughs.

“The best designers I’ve worked with go rogue at least 10% of the time in every project, and that’s how the product ends up better than anyone expected.”

“I have a lot of opinions about code. Well, I’ll go into management. At least I’ll probably have less opinions about that. Me, several years later: Oh no.”

Q: Why blog? A: Blogs are great.

Your thoughts deserve their own plot of virtual land.

“Design agencies are just three freelancers in a trench coat.”

Clubhouse data leak

1.3 million scraped user records leaked online for free.

Remote to who? A working letter

The term ‘remote work’ is a trap, but we can escape from it.

Why Brave disables FLoC

The Brave browser will not support Google’s cookie alternative.

Cloudflare Pages is now generally available

A JAMstack platform to rapidly build and deploy websites.

Who is sharing data with Google's FLoC ad algorithm?

First insights about Google’s new form of ad targeting.

“As a courtesy to others on the website, please remember to click the Read Less button after you are finished reading more.”

Say hello to CSS container queries

How you will achieve more powerful components and layouts.

CSS is a strongly typed language

Let’s demonstrate how strong typing in CSS keeps the guardrails.

Diving into the new Cumulative Layout Shift

First impressions of Google’s upcoming change to the CLS metric.

Tiny Tools

Useful tools outside of closed ecosystems or walled gardens.

New in Chrome 90

CSS overflow: clip, Declarative Shadow DOM, and more.

Critical & common e-commerce SEO issues

How they happen and how you can fix them.