sul-dlss / SearchWorks

SearchWorks (Stanford University Libraries)
http://searchworks.stanford.edu
Other
48 stars 10 forks source link

Loading of image thumbnails is flickery and distracting; add placeholders and pleasant state transitions. #1185

Open aeschylus opened 8 years ago

aeschylus commented 8 years ago

A lot of the Searchworks application could be spruced up with some non-invasive css transitions. One of the more jarring effects is the loading of thumbnails. The grey placeholder is simply magically replaced by a flickering image. It would be nicer to show some kind of icon or loading placeholder and smoothly transition the thumbnail pixels in as they become available.

In general this is advisable with asynchronous content. It's position on the page should be held by an existing element that indicates the content's absence and status, and when it arrives it should render with object constancy.

mejackreed commented 8 years ago

:+1: I like it