Responsive Starter Kits (in Two Flavors)

Posted in Resources, Responsive Web Design

Over the past several weeks I’ve been working on a video training course on responsive web design. During this project I created a basic starter kit that I used for demonstration purposes in the videos. Once I completed the training videos I decided to make a more full-featured variation of the starter kit which includes all the bells and whistles in a typical responsive website. I’ve made both starter kits freely available on GitHub.


Responsive Starter Kit Basic

A stripped down, but highly functional, toolkit to help jump-start a typical responsive web design project. Sample HTML files are included to demonstrate possible layouts: style guide/sampler, left sidebar, right sidebar, full width, sample form, and audio/video transcript.

Be sure to check out the video training course that accompanies this starter kit.


Responsive Starter Kit Pro

A highly functional toolkit to help jump-start a typical responsive web design project. This is a full-featured variation of the more basic responsive starter kit which was primarily created for instructional purposes to introduce basic RWD concepts. This version includes the LESS pre-processor as well as a handful of add-ons for typical responsiveness and can be used on a variety of real-world projects.