The ethical implications of AI in design

What to consider when navigating the complex ethical terrain of AI in UX design.

Homepage best practices

A framework for considering what to include and exclude on your homepage.

Email service providers

Find out the best ways to programmatically send email.

Do we need CSS flex-wrap detection?

A few use cases where flex wrapping detection can be helpful.

The spirit of CSS Tricks is now gone

“The world is losing a great source of technical content.”

Web Push on iOS requires installing the web app

iOS’ Web Push implementation kind of defeats a key point of the web.

“The challenge for most organizations isn’t ‘documenting the system’ but ‘having a system that is documentable.’”

CSS Grid gap behavior with hidden elements

Mind the gap when hiding items in grid-template and grid-auto layouts.

Creating a landing page using AI tools + no code

AI tools can handle copy, video, audio, images, fonts, colors, and code.

Bulk data export

A new and powerful way to access your Search Console data.

Design systems in the time of AI

“The machines will undoubtedly impact the world of design systems.”

wpfront.page

The curated page for WordPress professionals and the community.

How to build an SEO roadmap in 7 steps

Use a Google Sheet template to build your website’s SEO roadmap.

(255,255,255) is the highest specificity

CSS Specificity is unlimited by design, but every system has its limits.

Learn Privacy

A course to help you build more privacy-preserving websites.

Chrome’s Headless mode gets an upgrade

Great news for Puppeteer and Lighthouse CLI users.

Easing curves, and better CSS transitions and animations

The concept of easing curves is key to exceptional UI animations.

State of Remote Work 2023

Experiences of 3,000 remote workers from around the world.

“Make it easier” is not a product strategy

Why simplicity falls short as a standalone product strategy.

Favicons no longer need to be hosted on the same domain

Google Search now displays your website’s favicon even if it’s located elsewhere.

Web interface guidelines

A generic list of details that make a good web interface.

1 dataset, 100 visualizations

The many ways to tell a story with limited visual properties and assets.

“Life is short. Let’s make fast software.”

Getting started with Style Queries

Now you have even more logical control of styles in CSS.

Button design tips to avoid common mistakes

Practical tips for creating accessible and user-friendly buttons.

How Shadow DOM and accessibility are in conflict

The current situation and what needs to happen next.

“Remember: Underscores in URLs are trashy. Hyphens are classy.”

W3C launches beta of its new website

The World Wide Web Consortium is modernizing its website.

On Container Queries, responsive images, and JPEG-XL

Responsive images conflict with Container Queries. Can JPEG-XL help?

Meet Penpot

An open-source design platform made for designers and developers alike.

The evolution of Signals in JavaScript

What’s behind the recent buzz around the term “Signals”?

9 years of the Google algorithm

Google Search is changing faster than ever.

GA4 Automigration

Already setup Google Analytics 4? Avoid automigration by opting out.

Revisiting Framer

What to expect from the latest version of the trending design tool.

Introducing ChatGPT and Whisper APIs

Developers can now integrate both language models into products.

The web needs a native .visually-hidden

What if you want to hide something visually, but still expose it to assistive technologies?

Free Faces

A collection of typefaces that are available under a variety of free licenses.

“Walking around and thinking about a problem is underrated. It can be much more productive than sitting in front of a computer and typing code. Coding is easy once you’ve figured out what to code.”

Directing user attention

“Attention is the key to creating successful websites and apps.”

Tether elements to each other with CSS anchor positioning

How CSS anchor positioning enhances web UI controls.

Responsive headlines are about to get awesome

CSS Headline Balancing, proposed a decade ago, is coming to Chrome.

The most popular experience design trends of 2023

A panoramic view of the current UX design trends and how they have evolved.

Magical vector fields

An interactive journey into noise-based vector field methods.

“If-statements show a lack of conviction. Your code should execute all the time.”

Curated Design

Find design inspiration in this catalog’s handy categories.

Phind

An AI search engine for developers with instant answers and code snippets.

First look at Google Chrome’s Blink engine running on an iPhone

“Google’s Blink for iOS project is already making significant progress.”

Accessible Palette

Create color systems with consistent lightness and contrast.

Carbonyl

A Chromium-based browser built to run in a terminal.

I doubled-down on RSS

What RSS is, how to use it, and why it is important.

The next generation image format for the web is not JPEG XL?

Why it seems hasty to dismiss JPEG XL as an option.

RemoveBG

An AI-powered web tool to remove image backgrounds in seconds.

Edit Photo

A private photo editor that lives in your browser.

“There are two types of designers. The one that complains about not having a seat at the table. The one that doesn’t want to join the meetings. And it’s both the same designer.”

Trigonometric functions in CSS

Calculate the sine, cosine, tangent, and more in CSS.

New in Chrome 111

View Transitions API, CSS Color Level 4, new color devtools.

DuckDuckGo launches DuckAssist

The popular search engine starts to provide instant Wikipedia answers.

How people read online

Insights on online reading behaviors and tips for creating accessible text.

An end to typographic widows on the web

A new CSS declaration promises to stop typographic widows virtually.

The most popular build tools for front-end developers in 2023

Key features and benefits of the top build tools for web development.

Some simple ways to make content look good

CSS can make long-form content look wonderful, even for non-designers.

SPA view transitions land in Chrome 111

The present and future of a much-requested feature from developers.

Graphy Lite

Easily create and share interactive charts on the internet.

PWA for beginners

Learn how to create a cross-platform web app with a native look and feel.

“If you’re overthinking, write. If you’re underthinking, read.”

Scrollbar

A web app to design and implement custom CSS scrollbars.

Codeverter

An AI-powered online tool to transform code across languages and frameworks.

Type Design Resources

Guidance, inspiration, resources, and tools for typography enthusiasts.

How to design search in user interfaces

Design practices for creating a user-friendly search on websites.

Tricks for easier right-to-left CSS styling

How you can avoid writing two different sets of CSS.

GPT-4

Open AI brings a much more powerful chatbot than its famous ChatGPT.

Modern font stacks

The fastest fonts available: no downloading, no layout shifts, no flashes.

Progressively enhancing a table with a web component

Let’s build a web component that enriches a regular HTML table.

6 CSS snippets every front-end developer should know in 2023

Toolbelt worthy, powerful, and stable CSS you can use today.

Relative rounded corners

How to create perfectly sized rounded corners inside/outside a UI element.

Future CSS: Anchor Positioning

“Anchor positioning might be one of the most exciting features coming to CSS.”

“‘Great content will promote itself’ is really just a story we tell ourselves so we don’t have to invest any time in promotion.”

Announcing TypeScript 5.0

Simplified configuration, expanded JSDoc functionality, decorators, and more.

GPT-4 demo turns a crude sketch into a functional website

What cutting-edge artificial intelligence is capable of in web design.

Levels of user onboarding

Teaching new users how to use a product’s interface is not enough.

Why you need to know your site’s performance plateau

What it is, how to measure it, and what to do with your new insights.

“We need to stop treating ‘okay design’ like it’s ‘bad design.’ There’s a big difference between ‘could be better’ and ‘this is unusable,’ and it benefits nobody.”

ChatGPT can’t access the internet

“ChatGPT is really good at pretending it can access the internet, inventing entire articles.”

Speeding up the JavaScript ecosystem: npm scripts

Despite their high usage, npm scripts are not well optimized.

The importance of adding accessibility design reviews to the design process

What digital design and blueberry muffins have in common.

“If your site has a favicon when you launch, you launched too late.”

Make Bookmarklets

A web tool that helps you build tiny JavaScript apps stored in a bookmark url.

The end of front-end development

Things are going to change, but not in the scary way people are saying.

Are you making these five mistakes when writing alt text?

The advice ‘describe what you see’ may seem simple, but it’s not.

How web designers can be inspired by architecture

The similarities between the world of architecture and the world of digital design.

Adobe Firefly (beta)

A family of creative, generative AI models coming to Adobe products.

Bard

Google's AI collaborator can boost your productivity and bring your ideas to life.

Create images with your words

Bing Image Creator comes to Microsoft’s AI-powered search engine.

MySQL for Developers

A video course to learn everything you need to know about MySQL.

GitHub Copilot X

GitHub Copilot adopts GPT-4, brings chat and voice interfaces, and more.

Open UI and the Popover API

It’s time to handle our basic popovers without the explicit need of JavaScript.

Little UI design rules that make a big impact

UI design is easier with logical rules and guidelines.

Visually hidden content is a hack that needs to be resolved, not enshrined

Do we need to standardize the visually hidden CSS ruleset?

Web fingerprinting is worse than I thought

The current state of web fingerprinting and how to protect yourself.

“Good freelance is 50% talent, 50% people skills.”