All posts tagged “html

All the HTML-related tutorials, ideas and various posts in Stampede Constructs

content overlay
comment 0

Expanding Content Overlay

It’s a good user experience practice to hide secondary content until your user needs it. One of the ways to do that is by using tiles with expanding content overlay on hover. Kickdrop has featured a tutorial to achieve this. Check it out and let us know what you think.

View Demo

simple parallax
comment 1

Simple Parallax Scrolling

Parallax scrolling which was created by Ian Coyle for “Nike Better World” website in 2011, is what everyone has been talking about these days. It is a special scrolling technique with stunning effect often used as a great tool to serve user experience and perfect for storytelling websites. Petr Tichy has shared simple parallax scrolling tutorial at ihatetomatoes.net. Check it out.

View Demo

spinners
comment 0

Lightweight CSS Spinners

Until recent years, programmers had to resort to using animated gif anytime a loading spinner is required. Thanks to CSS3, that is no longer the case. Luke Haas has shared a useful and most importantly lightweight method of using only CSS and a single HTML element to create spinners. Each spinner consists of a single div with a class of loader and content text of “Loading…”. The text is for screen readers and can be used as a fallback state for older browser.

View demo and source code   View on GitHub