151
UX design patterns for loading
Loading UX takes careful consideration of both the user's and the system's context to use the appropriate loading pattern.
Top posts
Every blog post that took off on Hacker News, ranked by the votes of its best submission. 202 posts.
152
153
From SVG to Canvas – A new way of building interactions
Felt’s transition from SVG to Canvas streamlined our interaction code and empowered us to tackle long-standing wishlist items we couldn’t with React.
154
155
An Internet Canvas
Wouldn’t you want a digital medium with the expressive ease of paper?
156
157
Bringing 19th century ornamental tile illustrations into a 21st century web app
The Internet Archive also archives physical books. The archive’s 2010 scan of a late 19th century catalogue of colourful granite tiles came to my
158
Reasons to replace advanced search with filters
Adam Silver – interaction designer – London, UK
159
The Rules of Margin Collapse
“Margin collapse” has a dastardly reputation, one of the trickier parts of CSS. Fortunately, it gets a lot easier once you learn a few rules! In this tutorial, we take a deep dive into the governing principles, and learn how to use them to our advantage.
160
Google Maps Testing New Apple Maps-Inspired Map Style
Back in August 2020 , Google began testing a seemingly Apple Maps-inspired map style that added darker and deeper landcover colors throughout the world:
161
Figma makes 200 fixes and improvements to Dev Mode
After two months of open beta, we’ve shipped more than 200 of the most-wanted updates to our Dev Mode workspace.
162
Why Frames Tilt Forward (2015)
There is a ten-foot long alcove in our lower-level hallway — we call it the gallery . This is the one place in our house I can hang whatever I want (i.e., my own art) and switch it out whenever I want. To facilitate this, I installed a hanging system — basically a slotted rail mounted near the ceiling, with sliding…
163
Dark patterns in UX design and how to avoid them
Ten dark patterns in UX design, from confirmshaming to the roach motel, what each one costs you in trust, and honest alternatives to use instead.
164
165
The Future of CSS: Easy Light-Dark Mode Color Switching with Light-Dark()
A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.
166
Shader Park Is Kinda Neat
Projects, experiments and toys by Rafał Pastuszak
167
Comic Code: Monospaced interpretation of the most over-hated typeface
Name: Comic Code, Comic Code Ligatures Type: Retail typeface Publisher: Tabular Type Foundry Release year: 2019 Purchase links: I Love Typography (both)
168
Tailwind vs. Semantic CSS
Comparing two identically designed websites, their weight, amount of HTML and CSS, rendering speed, and best practices.
169
Real-time dreamy Cloudscapes with Volumetric Raymarching
This article is a deep dive into my experimentations with Volumetric rendering and how to leverage it to render beautiful raymarched cloudscapes in React Three Fiber and WebGL. In it, I walk you through everything from the basics of Volumetric Raymarching to the techniques used in video games to render physically…
170
171
Manipulative Consent Requests
Achieve engineered efficiency, uncompromising quality, and long-term stability with our software solutions. We optimize your processes, ensure resilience, and support your growth—so you can focus on what matters most.
172
Starting design work in a spreadsheet
In the early phases of a project a spreadsheet can be a more useful design tool than Figma.
173
174
My favourite 3 lines of CSS
Save 20% on all of our high quality, premium courses using the code NEXTLEVEL at checkout
175
Sidenotes in Web Design
In typography/design, ‘sidenotes’ place footnotes/endnotes in the margins for easier reading. I discuss design choices, HTML implementations and their pros/cons.
176
Early computer art by Barbara Nessim (1984)
Whilst searching for something else entirely I stumbled across these images and was struck by just how beautiful they are. The September 1984 (Vol 9, No 10) ...
177
Trigonometric Functions in CSS
Calculate the sine, cosine, tangent, and more in CSS.
178
Wealth Systems in RPGs
How some RPGs get coins wrong: they matter a lot until they matter not at all. It’s fun to play until your PCs are rich, but it’s even more fun to be able to buy things with those riches. Absorbing…
179
Conditional CSS with:has and:nth-last-child
A modern look at how to combine CSS :has, :nth-last-child, and style queries to create dynamic components.
180