A to Z CSS: Box Model

The box model properties width, height, margin, padding and border describe the form of any box on the web. But the default sizing model makes life difficult when working out the computed width and height of an element. Instead, setting box-sizing:border-box allows...

Draft Episode 31: Rapid Prototyping

Play or Download this Episode Download MP3 (12.60) MB / 00:13:04) Subscribe to the Show iTunes / RSS feed About this Episode In this episode of Draft we discuss the concept of Rapid Prototyping. Approaches, usefulness and other related prototyping stuff. About the...

Kickdrop Code Sample: Form Wizard

Visit Kickdrop to download Ditch the multi-input fields and try this single input conversational wizard instead. Perfect for quizzes, sign-ups, or for replacing traditional chevron wizards. The wizard status indicator and styles are made to work within the stylekit...
A to Z CSS: Auto

A to Z CSS: Auto

Auto is the default value for dimension properties width and height. Setting margin:0 auto and a width or max-width allows a block of content to be horizontally centered on the page. There is a subtle difference between width:auto and width:100%. When combining...

Kickdrop Code Sample: Slide Cart Menu

Visit Kickdrop to download Slide menus are an increasingly popular method for elegantly displaying information on websites and common design language in apps. This drop features a clean, slide menu with an elegant layout for the shopper’s cart items. The cart’s...