Smashing Newsletter #413
One Formula To Rule Them All: The ROI Of A Design System
Design systems are a crucial success factor for digital businesses, and virtually every major player works with one. Still, they can sometimes be hard to sell to management. Here’s a ready-to-use formula to calculate the ROI of any design system.
Everything Developers Must Know About Figma
Christine highlights some of Figma’s features and possibilities to help you build a design that aligns with code as much as needed and improve your team work.
How Our Organization Improved Web Accessibility (Case Study)
In this article, Catherine Houle and Ilknur Eren share how their organization “Understood” removes barriers for people who learn and think differently by combining accessibility and usability in their processes. They also cover basic steps on how to fix common accessibility issues.
Fluid Sizing Instead Of Multiple Media Queries?
An Accessibility-First Approach To Chart Visual Design
In this article, we will explore how an accessibility-first approach can lead you down the path of creating a better visual design for charts. Throughout the article, you’ll learn to use the Web Content Accessibility Standards and how this approach leadd to an unexpected yet better outcome for everyone.
Lesser-Known And Underused CSS Features In 2022
There Is No Such Thing As A CSS Absolute Unit — Smashing Magazine
What are absolute units? What are the differences between relative and absolute units, and how do we create accurate sizes on the web? In this article, Elad Shechter explains why CSS absolute units aren’t so absolute.
Things You Can Do With CSS Today
by Andy Bell
CSS Layout
CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.
Modern CSS Techniques To Improve Legibility
[…] how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.
How To Succeed In Wireframe Design
Web Accessibility In Context — Smashing Magazine
Tips For Managing Design Systems — Smashing Magazine
Privacy UX: Privacy-Aware Design Framework — Smashing Magazine
Table Design Patterns On The Web — Smashing Magazine
The Importance Of Macro And Micro-Moment Design — Smashing Magazine
Principles Of Minimalist Web Design, With Examples
The Wireframe Perfectionist's Guide
CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout
A Quick Guide For Designing Better Buttons
RT @101babich: Tips: A Quick Guide For Designing Better Buttons #UX #UI #design
How To Create Icons In Adobe XD
Designing A Dementia-Friendly Website
Authentic Design
by @dfadeyev
Responsible Considerations For Responsive Web Design
Responsive Web design has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing methodology. A few obvious examples are the multitude of responsive image techniques, conditional loading, and responsive design and server-side components (RESS), among many other existing and emerging strands stemming from the core concept of responsive Web design.
How To Sell Your UX Design Solution To Clients
How do you convince clients to trust you with their valuable and much-loved product? In my experience, the best way to sell work to clients is to apply user-centered design not only to the work we produce, but also to the clients who commission that work.
Effectively Planning UX Design Projects
Planning user experience (UX) projects is a balancing act of getting the right amount of user input within the constraints of your project. The trick is to work out the best use of your time. How can you get the most UX goodness for your client’s budget? This article explains how to choose the right mix of tools for the task at hand. The planning phase is all about understanding what you have been asked to do and working out the best combination of activities that will give you the outcome you need, within the time, budgetary and resource constraints of the project.
Think Again: Assumptions About Mobile To Reconsider | Smashing Mobile
Implementing Off-Canvas Navigation For A Responsive Website
The varying viewports that our websites encounter on a daily basis continue to demand more from responsive design. Not only must we continue to tackle the issues of content choreography — the art of maintaining order and context throughout the chaotic ebb and flow of the Web browser — but we must also **meet the expectations of users**.
Preparing Websites For The Unexpected