All posts filed under “HTML”

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

content overlay
June 24, 2014   |   Less than a minute reading time
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
June 10, 2014   |   Less than a minute reading time
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

css sprite
May 29, 2014   |   Less than a minute reading time
comment 1

CSS Sprite Technique

CSS sprite, as interesting as it is called, is also an interesting CSS method itself. This approach involves changing an image to another different image, or the same image but different colour scape (greyscale, sephia etc.) upon hover.

The advantage of using the using CSS sprite technique is that the web page will automatically load all images at once, instead of one by one. This will speed up the loading time and there will be not much delay for users with slow Internet connection.

Tutorial By Sani Halid

View More