InautiloFeb 1, 2025

#Development #Inspirations
Progress-indicating scroll-to-top button · A fancy two-in-one UI component in HTML/CSS https://ilo.im/1624du

_____
#Navigation #Scrolling #ProgressIndicator #Design #UiDesign #WebDesign #WebDev #Frontend #HTML #CSS

Building a progress-indicating scroll-to-top button in HTML and CSS - Manuel Matuzovic

I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Manuel Matuzovic
pablolarahJan 31, 2025

⬆️ Building a progress-indicating scroll-to-top button in HTML and CSS
by @matuzo
#html #css #ProgressIndicator #webdev

https://matuzo.at/blog/2025/scroll-to-top-button

Building a progress-indicating scroll-to-top button in HTML and CSS - Manuel Matuzovic

I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Manuel Matuzovic
InautiloAug 22, 2024

#Design #Findings
From role playing games to UX · How progress indicators affect user engagement https://ilo.im/15zujr

_____
#ProgressIndicator #Research #Psychology #Engagement #Game #Website #ProductDesign #UxDesign #UiDesign #WebDesign

From RPGs to UX: How progress indicators affect user engagement

Level 99. The level indicator reads at the top of the progress bar as I hold my Gameboy colour with sweaty, Cheeto crumbed covered fingers. I’m engaged in an intense battle with my Pikachu fighting…

UX Collective
pablolarahMar 13, 2024

🌡️ Front-End solution: progress indicator
by Andy Bell @belldotbz @belldotbz
#webdev #ProgressIndicator #frontend #js

https://piccalil.li/blog/solution-009-progress-indicator/

Front-End solution: progress indicator

Piccalilli
InautiloDec 15, 2023

#Design #Introductions
Loading spinners · Their purpose and alternatives for better UX https://ilo.im/15xf8e

_____
#UxDesign #UiDesign #WebDesign #WebPerf #ProgressIndicator #Spinner #Placeholder

Loading spinners: Their purpose and alternatives for better UX - LogRocket Blog

Loading spinners have an important role in improving user experience. Here's how these indicators contribute to smoother online interaction.

LogRocket Blog
InautiloJun 7, 2023

#Design #Guidances
Skeleton Screens 101 · Are skeleton screens better than progress bars or spinners? https://ilo.im/13dkxk

_____
#PageLoading #Placeholder #SkeletonScreen #UxDesign #UiDesign #WebDesign #DesignPattern #WebPage #WebPerformance #ProgressIndicator #ProgressBar #Spinner #Animation

Skeleton Screens 101

A skeleton screen is used as a placeholder while users wait for a page to load. This progress indicator is used for full page loads and reduces the perception of a long loading time by providing clues for how the page will ultimately look.

Nielsen Norman Group