Category Archives: Tutorials

Align Elements in a Carousel

The Problem In this situation, I wanted to feature a carousel of video game box art with purchasing information. Only problem is, there’s pretty much only been one time of the history of that medium that the boxes have been the same size (the DVD case). But now even that time is moving on. So […]

Posted in Tutorials | Comments Off on Align Elements in a Carousel

Subdividing in a Grid Framework

The Problem Basically all good designers know that using a grid when wireframing and making visual designs for a site is a good idea. But it’s surprising to me how many designers I talk to don’t use a CSS grid system framework (like 960.gs) on the actual site they build. They still choose to define […]

Posted in Tutorials | Comments Off on Subdividing in a Grid Framework

Making Button Hover States Using a Spritesheet

The Problem Using CSS image replacement to add hover and active states to buttons is good in theory. But this can be problematic because browsers typically don’t load images until they need it. The net result is buttons that pop in or “blink” as you hover in click. A good solution to this is to […]

Posted in Tutorials | Comments Off on Making Button Hover States Using a Spritesheet