All posts tagged “responsive

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

Quick Look at Web Layouts
comment 0

A Quick Look at Web Layouts

Pixel-perfect web design is something we take seriously at Stampede. Our web designers will typically come out with three viewport variants for a single design; desktop, tablet and mobile. From there, it is up to the web developers to slice the working file PSDs so it can be used in HTML & CSS development.

Read More

Filed under: CSS

 

Flexbox for Comments Section
comment 0

Flexbox: How to Create a Responsive Comment Section with HTML5 and CSS3

Flexbox (Flexible Box) is a method that aims to provide a more efficient way to build powerful dynamic layouts by efficiently laying out, aligning and distributing space among items in a container. It can be implemented on all sorts of modules but is best on smaller sized web apps.

If you ever needed it applied on a comments section of your website, here’s a detailed explanation on how it can be done.

More details

lemonade responsive framework
comment 0

Lemonade Responsive Framework

Thirsty for a new CSS grid framework? Look out for Lemonade. This 12-column grid is made with pure CSS. Works on IE 9+, Chrome, Firefox, Opera, and Safari, and has been thoroughly tested on iOS, Android, and Blackberry. Looks like a perfect weekend experiment. Are you up for it?

View More

responsive modal window
comment 0

Responsive Modal Window

In my previous post I have shared a tutorial showing how to create a simple modal window. Now it is time to learn responsive modal window. Going responsive allows your modal window to respond to screen sizes, eliminating the awkward pinching and zooming out your user has to do with regular modal windows. See how Sawyer Bateman did it.

View Demo