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...

A to Z CSS: Float Property Video Tutorial

Summary float can be used to wrap text around an image or create complex, multi-column layouts. When elements float, adjacent elements try to wrap around them which can result in slightly odd layouts unless the clear property has also been used where needed. Floating...

Kickdrop Code Sample: The Timeline

Visit Kickdrop to download The timeline drop can have many different purposes. From explaining history and chronological events like process or history. The timeline features a beautiful CSS transition that is triggered by the user’s scroll. Video and images are also...