The Best of Smashing Magazine πΊπ¦ π³οΈβπ
20+ most popular Smashing Magazine πΊπ¦ π³οΈβπ articles, as voted by our community.
An online magazine for designers and web developers. Questions? We've got your back: @SmashingSupport, @SmashingConf. Curated by Iris, Vitaly and the team.
Trending
These are currently making the rounds on Refind.
A Guide To Getting Data Visualization Right β Smashing Magazine
In this article, Sara Dholakia presents a guide on how to choose just the right type of data visualization, with guidelines and things to keep in mind.
Taking The Stress Out Of Design System Management β Smashing Magazine
In this article, Masha goes over five tips that make it easier to manage a design system while increasing its effectiveness. This short guide is aimed at smaller teams.
Smashing Magazine πΊπ¦ π³οΈβπ on a11y
Stop Designing For Only 85% Of Users: Nailing Accessibility In Design
As designers, we like to think we are solution-based. But whereas we wouldnβt hesitate to call out a museum made inaccessible by a lack of wheelchair ramps, many of us still remain somewhat oblivious…
Accessibility In Chrome DevTools β Smashing Magazine
This article will demonstrate some useful features in DevTools which can help you improve the accessibility of your website.
Smashing Magazine πΊπ¦ π³οΈβπ on Accessibility
Color Theory for Designers: The Meaning of Color
Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. And there's a lot to it. Something as simple as changing the exact hue or saturation of a color can evoke a completel
Using Automated Test Results To Improve Accessibility β Smashing Magazine
In this article, Noah Mashni and Mark Steadman share their approach to how to leverage the automated test results from the accessibility checks to drive change and reach sustainable digital…
Smashing Magazine πΊπ¦ π³οΈβπ on CSS
Houdini: Maybe The Most Exciting Development In CSS Youβve Never Heard Of
Have you ever wanted to use a particular CSS feature but didnβt because it **wasnβt fully supported in all browsers**? Or, worse, it was supported in all browsers, but the support was buggy, inconsistent or even completely incompatible? If this has happened to you β and Iβm betting it has β then you should care about [Houdini](https://wiki.css-houdini.org/). Houdini is a new W3C task force whose ultimate goal is to make this problem go away forever. It plans to do that by introducing a new set o
Getting Started With CSS Cascade Layers β Smashing Magazine
Cascade layers introduce the new at-rule of @layer. The intent is to help CSS authors be more intentional about ordering the βlayersβ of CSS rules as a new method of cascade management.
Smashing Magazine πΊπ¦ π³οΈβπ on Frontend
Top Front-End Tools Of 2022 β Smashing Magazine
Who doesnβt love a good front-end tool? In this roundup, youβll find a nice list of useful front-end tools that were popular last year but are still bound to help you speed up and enhance your…
Smashing Magazine πΊπ¦ π³οΈβπ on Javascript
A Guide To Audio Visualization With JavaScript And GSAP (Part 1) β Smashing Magazine
What started as a case study turned into a guide to visualizing audio with JavaScript. Although the output demos are in React, Jhey Tompkins isnβt going to dwell on the React side of things too much.…
Improving JavaScript Bundle Performance With Code-Splitting β Smashing Magazine
In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical…
«Password checking is not critical for page render. Its functionality is required only when the user interacts with the password input. So, letβs code-split zxcvbn into a separate bundle, dynamically import it and load it only when the password input value changes, i.e. when the user starts typing their password.»
Smashing Magazine πΊπ¦ π³οΈβπ on Programming
JavaScript APIs You Donβt Know About β Smashing Magazine
In this article, Juan Diego covers the least known yet extremely useful APIs, such as the Page Visibility API, Web Sharing API, Broadcast Channel API and Internationalization API. Together we will see…
How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript
In this article, we'll be using "vanilla" ES2015+ JavaScript (no frameworks or libraries) to complete this project, and it is assumed you have a working knowledge of JavaScript in the browser. This…
Smashing Magazine πΊπ¦ π³οΈβπ on UX
Designing The Perfect Mobile Navigation UX β Smashing Magazine
When designing navigation on mobile, we donβt have to rely on slide-in-menus or nested accordions. We can also use the curtain design pattern, and show multiple levels of navigation at once.
Infinite Scrolling, Pagination Or βLoad Moreβ Buttons? Usability Findings In eCommerce
What is the best UX pattern to display products on an e-commerce website: pagination, a βLoad moreβ button or infinite scrolling? An eCommerce UX study.
Smashing Magazine πΊπ¦ π³οΈβπ on Visual Design
Designing A Better Pricing Page β Smashing Magazine
In this [series of articles](/category/design-patterns/), we highlight design patterns and techniques to design better interfaces. You can find more examples in [βSmart Interface Design…
You Donβt Need A UI Framework β Smashing Magazine
Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that theyβll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out…
Smashing Magazine πΊπ¦ π³οΈβπ on webdev
Motion Controls In The Browser β Smashing Magazine
If you've ever wanted to build a web app that you can control with hand gestures as if by magic, this article is for you. With a couple of APIs and some JavaScript, you can build apps that behave like…
«https://codepen.io/smashingmag/pen/vYrEEYw»
Deploying CSS Logical Properties On Web Apps β Smashing Magazine
You may have already heard of CSS logical properties or RTL adaptations but are still deciding whether to deploy them widely. To help raise your awareness of their possibilities, Nicolas Hoffmann…
Popular
These are some all-time favorites with Refind users.
The Realities And Myths Of Contrast And Color β Smashing Magazine
In this article, Andrew Somers, a 35-year veteran of the Hollywood film and television industry, shares his experience about the hard-fought battles and lessons learned designing for illuminated…
How To Design Emotional Interfaces For Boring Apps
When your product deals with repetitive tasks, itβs hard to keep users excited about it. Thatβs where UI comes into play. In this article, weβll talk about elements that make an interface more emotional, dig deeper into how they work, and look at apps that use them well.
UX Your Life: Applying The User-Centered Process To Your Life (And Stuff)
The defining characteristic of UX design is its focus on user research and on an iterative, user-centered, approach to creating solutions. But what if we applied the user-centered design process to ourselves, our lives, and our careers?
Rethinking Authentication UX β Smashing Magazine
How to improve authentication UX, with magic links, 2FA, better password recovery and relaxed rules for secure, accessible and usable passwords.
Those HTML Attributes You Never Use β Smashing Magazine
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your…
What is Refind?
Every day Refind picks 5 links from around the web that make you smarter, tailored to your interests. is one of more than 10k sources we monitor.
How does Refind curate?
It’s a mix of human and algorithmic curation, following a number of steps:
- We monitor 10k+ sources and 1k+ thought leaders on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
- In addition, our users save links from around the web using our Save buttons and our extensions.
- Our algorithm processes 100k+ new links every day and uses external signals to find the most relevant ones, focusing on timeless pieces.
- Our community of active users gets 5 links every day, tailored to their interests. They provide feedback via implicit and explicit signals: open, read, listen, share, add to reading list, save to «Made me smarter», «More/less like this», etc.
- Our algorithm uses these internal signals to refine the selection.
- In addition, we have expert curators who manually curate niche topics.
The result: lists of the best and most useful articles on hundreds of topics.
How does Refind detect «timeless» pieces?
We focus on pieces with long shelf-lives—not news. We determine «timelessness» via a number of metrics, for example, the consumption pattern of links over time.
How many sources does Refind monitor?
We monitor 10k+ content sources on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
Can I submit a link?
Indirectly, by using Refind and saving links from outside (e.g., via our extensions).
How can I report a problem?
When you’re logged-in, you can flag any link via the «More» (...) menu. You can also report problems via email to hello@refind.com
Who uses Refind?
100k+ smart people start their day with Refind. To learn something new. To get inspired. To move forward. Our apps have a 4.9/5 rating.
Is Refind free?
Yes, it’s free!
How can I sign up?
Head over to our homepage and sign up by email or with your Twitter or Google account.