Siter.io

Design and publish websites directly in the browser without coding.

The many faces of themeable design systems

How a three-tier design token architecture can support different flavors of themeability.

Style with stateful, semantic selectors

Build for accessibility from the get-go and get meaningful CSS style hooks for free.

The international guide to gender-inclusive writing

Best practices around using gender-inclusive language.

Faster WordPress rendering with 3 lines of configuration

Say hello to CSS preloading via HTTP2 early hints.

Vite 3.0 is out

The next major release of the modern frontend build tool for the web.

“My toxic trait is putting QR codes on random restaurant tables, so people think it’s to order, but it’s actually to my portfolio.”

“Every shit product experience you’ve had is a result of someone in a meeting nodding their head instead of saying, ‘Buddy, I got no idea what the fuck you’re talking about.’”

WebAIM's WCAG 2 checklist

Recommendations for implementing accessibility principles and techniques.

Pagefind

A powerful and open-source search library for static websites.

Where’s the button?

Designing for mode confusion.

The methods UX professionals use (2022)

Today’s UX method usage and how it has changed over time.

The Public APIs List

A comprehensive list of useful and fun public web APIs.

“Working fully remote has completely transformed my entire life and the way I live. I feel like a person with a job now and not a job with a person.”

The history of user interfaces

A visual history of operating system interfaces 1973 – 2007.

Release notes for Safari Technology Preview 149

Support for AVIF images on macOS Ventura and iOS, and much more.

“Don’t make the code smart, make it obvious.”

Designing design workshops: beyond dot-voting

There are more recipes in a creative workshop cookbook.

What are color gamuts

CSS Color 4 adds Wide Color Gamut colors to CSS.

The Spam Report 2022

The current state of unsolicited marketing.

Resolving conflicts between designers and engineers

Contributing factors to those conflicts and strategies to work through them.

“It’s easy to get started with learning HTML and CSS. It’s hard to keep motivated long enough to master them.”

Minimal social markup

The absolute minimum you need to get a meaningful result.

Pure CSS cartoon or not?

What do you think?

Creativity faucet

A mental model to generate novel and strong ideas.

“Someone cancelling a meeting last minute is the best feeling in the world.”

Snapchat is finally coming to the web

After more than a decade as a mobile app.

“As a designer, I don’t start with ‘Why?’ but with ‘What?’. Usually followed closely with ‘the fuck?’”

YouCode

A search engine for developers: snippets, documentation, validation, tips, tricks.

When to use which user-experience research methods

20 UX methods mapped across three dimensions and over time.

“CSS has many complex things in it, but on the ground, it is simple! We need design tools to handle the simple things to the point they’re ‘transparent’ and communicate the complex stuff visually.”

Codesandbox Projects goes into open beta

The instant development environment is now open to everyone.

“If you’re a product designer not obsessed with writing concise copy and thoughtful microcopy, you’re ignoring the most important part of UI design.”

Subheadings, subtitles, alternative titles and taglines in HTML

Do not use ‘h1-h6’ to mark up them in ‘hgroup’, use ‘p’ elements.

Human-centered design is broken

“We need to break out of our human-centered bubble.”

Technical writing for developers

How writing can take your developer skills to the next level.

DALL·E now available in beta

Create realistic images and art from a description in natural language.

The best ways to learn email marketing

Resources for starting your email marketing learning journey.

The 12 principles of UX in motion

Know when and where to implement motion to support usability.

Powerful image optimization tools

Modern tools to speed up web pages by compressing images.

How to optimize social media images

Easily produce images that stand out in feeds and search results.

Guest WiFi using a QR code

There’s a dedicated format for WiFi parameters in a QR code.

Gradiator

A playful, pattern-based gradient generator of a different kind.

Internet Health Report 2022

Who has power over AI? Who is shifting that power?

Global Remote Work Index

Discover the best scoring countries to accommodate remote employees.

UI Buttons

A collection of 100 easily customizable, animated buttons.

User diary studies

An effective research method for evaluating user behavior long-term.

With :focus-visible, you can have focus styles when it makes sense

Browsers can be smart about when to show focus styles.

Why expertise is the most important ranking factor of them all

Expertise, authority, and trustworthiness is becoming crucial for SEO success.

“Your periodic reminder that accessible web interfaces start with semantic HTML.”

You should take more screenshots

A visual journal of your digital creative work is a great way to remember things.

Solving “the dangler” conundrum with Container Queries and :has()

How to deal with odd-numbered grids.

Call to Action Examples

A curated list of call-to-action phrases for different goals.

“The 5 stages of design: 1. what, 2. how, 3. why, 4. cry, 5. draw rectangle.”

Understanding CSS :has()

The many ways how the new pseudo-class can supercharge your CSS.

Top layer support in Chrome DevTools

How Chrome DevTools makes it easier to visualize top layer content.

HTML ‘article’ vs. ‘section’

A mental model that helps you choose the right one.

Sunset of the social network

The end of the era in which your friends shaped your online life.

Can SVG Symbols affect web performance?

More speed by declaring an SVG element once for all uses on a page.

“To be a strong designer, you must be able to answer ‘why is this the way it is’ about every element of what it is you design. The significant aspects and the minute ones.”

Soft deletion probably isn’t worth it

Why SQL’s ‘deleted_at’ columns are a net negative, and what to do instead.

Help pick a syntax for CSS nesting

Which one of the syntax options do you prefer?

Mobile paywall screen collection

Inspiration from hundreds of mobile paywall examples.

Creating accessible emails

How to create emails that work for a wide range of subscribers.

“Hard skills get you hired. But soft skills get you promoted.”

Zero-click content

The counterintuitive way to succeed in a platform-native world.

Expanding testing for the Privacy Sandbox for the web

Google delays the phasing out of third-party cookies in Chrome again.

Integer math in JavaScript

Better integer performance with typed arrays and use of ‘| 0’.

Design systems for humans

“We need to reframe design systems, focusing more on the people involved.”

PaintZ

Create and edit drawings and other images right in the browser.

Apple Pay may finally work on Chrome, Edge, and Firefox in iOS 16

Currently, only mobile Safari supports Apple’s payment service.

UX/UI tips: A guide to search inputs

Key principles for creating outstanding search input boxes.

Email Accessibility Report 2022

The current state of accessibility in the email industry.

Igalia

The open source powerhouse you may never heard of.

Abbreviations suck

The problem with the HTML ‘abbr’ element and what to use instead.

Announcing Docusaurus 2.0

The popular builder for documentation websites reaches the next level.

The horizontal overflow problem

How CSS can help to avoid unintentional horizontal overflow on mobile.

CSS border animations

There’s a multitude of possibilities to animate borders in CSS.

The design of virtual and augmented reality

Terminology, foundations, best practices, and common questions.

Finer grained control over CSS transforms with individual transform properties

The new transform properties now work in all major browsers.

The new Google Tag: one tag to rule them all

Control all Google’s tagging products from one centralized location.

“Tech sometimes feels like fashion: everything old is new again.”

@container and :has()

Two powerful new responsive APIs are landing in Chromium 105.

Fluid sizing instead of multiple media queries?

Doing the math of fluid sizing with the CSS clamp() function.

15 common beginner JavaScript mistakes

What newcomers to JavaScript are doing wrong over and over.

Phone inputs and you: the designer’s essential UI guide

What factors we need to consider, and how to implement them.

Exploring CSS Grid’s implicit grid and auto-placement powers

Beyond the classic approach to CSS Grids.

Where’s the fun in accessibility?

Playful, beautiful, and inclusive UX design as progressive enhancement.

Product Planning Prompt Pack

A card deck designed for teams that build features.

Hacker News Slack Bot

Slack notifications for company/product mentions on Hacker News.

How we’re improving search results when you use quotes

Google Search with quotes gets even more powerful.

The newsletter boom is over

The current state of the hype surrounding paid newsletters.

“There is nothing a man with a decade working in tech wants more than to get deeply into woodworking. No more software, only little wooden stools, and side tables.”

Visual Studio Code 1.70

A preview of the new scrolling UI shows the current source code scope.

New in structured data: Pros and cons

Google introduced a new schema for product review pages.

AI-generated images from AI-generated alt text

“You can automatically generate alternative text from many tools. Don’t.”

The PHP Handbook

An introduction to the wonderful world of PHP development.

“My best advice as a designer is to not take feedback personally. Nothing will help you grow faster.”

Not all zeros are equal

When to break a well-established CSS ‘best practice’.

Patterns

A collection of code snippets to help you optimize your web projects.