News for hackers. Stuff that matters.

A comment on How to create loading image using CSS only.

Re:How to create loading image using CSS only by pharrlax on Tuesday February 28, 2017 @08:47AM (#13753671)
If you're going to build a loading indicator, you may as well go for a skeleton UI rather than a spinner. It's better UX practice because it lowers perceived load times and is much less jarring to swap in and out.

See: https://github.com/ksux/ks-design-guide/issues/38

[ Parent | on HN ]
Re:How to create loading image using CSS only by strombourg on Tuesday February 28, 2017 @08:50AM (#13753694)
The two are not mutually exclusive. Yep, a skeleton UI is great for filling out the canvas, but the addition of a spinner can indicate that "more stuff is coming".
[ Parent | on HN ]
Re:How to create loading image using CSS only by misterhtmlcss on Tuesday February 28, 2017 @10:19AM (#13754309)
I agree. A skeleton is good practice because you are progress and a spinner is great because it's allowing the user to understand the webpage is still loading which isn't always obvious.
[ Parent | on HN ]
Re:How to create loading image using CSS only by cptskippy on Tuesday February 28, 2017 @12:26PM (#13755495)
Google started doing this in Maps and I didn't know what it was or that it was intentional until I saw your post. My impression was that it was just an amateurish mistake of showing the unpopulated template.
[ Parent | on HN ]