The five best design links, every weekday

Domain: smashingmagazine.com

smashingmagazine.com

In Praise Of The Basics

What does it mean to learn the “basics”, or fundamentals, of front-end web development?

smashingmagazine.com

Decision Trees For UI Components

Practical examples of decision trees for UI components and how to use them effectively.

smashingmagazine.com

Switching It Up With HTML’s Latest Control

HTML may be gaining a native way to go about it by adding a switch attribute to checkbox inputs.

smashingmagazine.com

Beyond CSS Media Queries

Juan Diego Rodriguez explains why media queries still occupy a vital role in responsive layouts.

smashingmagazine.com

The Times You Need A Custom @property Instead Of A CSS Variable

Preethi Sam walks through an example that demonstrates where custom properties are more suitable than variables.

smashingmagazine.com

The Modern Guide For Making CSS Shapes

In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible.

smashingmagazine.com

Combining :has() And select For Greater Conditional Styling

Amit Sheen demonstrates using :has() to apply styles conditionally.

smashingmagazine.com

Sliding 3D Image Frames In CSS

Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup.

smashingmagazine.com

Penpot’s CSS Grid Layout: Designing With Superpowers

Penpot helps designers and developers work better together by offering a free, open-source design tool based on open web standards.

smashingmagazine.com

Modern CSS Tooltips And Speech Bubbles (Part 2)

Temani Afif explores different CSS techniques to create tooltip shapes.

smashingmagazine.com

The End Of My Gatsby Journey

Juan Diego Rodríguez reflects on his decision to stop using Gatsby as his go-to framework.

smashingmagazine.com

Modern CSS Tooltips And Speech Bubbles (Part 1)

There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require.

smashingmagazine.com

Mobile Accessibility Barriers For Assistive Technology Users

Accessibility goes beyond making products user-friendly. It can significantly impact the quality of life for people with disabilities.

smashingmagazine.com

A Practical Guide To Designing For Children

How to design for children aged 3–12, with insights into user behavior, considerations for parents, and practical UX guidelines.

smashingmagazine.com

Web Development Is Getting Too Complex, And It May Be Our Fault

An overwhelming number of frameworks and tooling available today gives the impression that web development has gotten perhaps too complex.

smashingmagazine.com

A Guide To Designing For Older Adults

With one billion people aged 60 or older worldwide, inclusivity is more important than ever.

smashingmagazine.com

The Feature Trap: Why Feature Centricity Is Harming Your Product

Most product teams commonly adopt a feature-centric mindset, finding them convenient for brainstorming.

smashingmagazine.com

The AI Dilemma In Graphic Design

AI promises a major upheaval in typography, with designers finding themselves navigating both opportunities and challenges.

smashingmagazine.com

The Complex But Awesome CSS border-image Property

The CSS border-image property is one of those properties you undoubtedly know exists but may not have ever reached for.

smashingmagazine.com

Top Front-End Tools Of 2023

Useful front-end tools for CSS and JavaScript developers that were most popular last year.