What comes around goes around, right? A lot of these animated loaders done mainly with CSS harken back to the heyday of Flash — the initial experience taking a little longer than a person’s attention span. So to give the user a cue, a looping animation was created to indicate loading of the site/resources was in progress.
The list below shows 20 unique ways to show content is still in the process of being loaded.
Source: Line25 – Animated Loaders | 20 Unique Examples + Free Downloads
Since browsers have caught up, I’ve used it on sites to set heights and widths. The CSS Tricks article linked below though shows using viewport units for padding to make a flexible header.
Source: CSS Tricks – Simple Little Use Case for `vmin`
Man, the modern web is uber powerful. I came across this collection yesterday of CSS-based hover effects.
A lot of these collections of effects/demos end up being over-the-top and probably something you’d never utilize, or maybe once in some edge case web project.
But the majority of examples in this aren’t crazy. With some modifications, I can see going back to this list for a lot of future web projects.
Source: Line25.com – 20 Image Hover CSS Snippets: Designer Cheat List
This is one I’ve never thought about for, nor was I aware was even talked about, but there’s been talk for a long while about creating a new
tag that’s not hierarchical, and thus more flexible especially for rearranging content for different devices, screen sizes, etc.
The question though is it necessary and/or worth it at this point for HTML.
Source: jakearchibald.com – Do we need a new heading element? We don’t know