Responsive Web Design with Skeleton – #in

Introduction

I’m discarding Flash and working towards creating apps in HTML5 and Javascript, rather than re-inventing the wheel I was looking for an existing framework that could provide a framework responsive web design.

I looked at a few and decided like html5boilerplate. but decided upon skeleton. I managed very quickly to build a basic skeleton app for factornine.

This page is an attempt to consolidate my knowledge and share with others.

What is Skeleton?

Skeleton has been created by Dave Gamache, and describes itself as a “…small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size..”. The download provides a basic boiler plate to get you going.

Brian Scaturro. provides a very good post here: Skeleton CSS Framework: An Introduction.

Examples

The skeleton site provides links to some impressive examples of sites using skeleton.

Tutorials and information

An alternative grid size here: Responsive CSS grid systems.

Design Shack provides a few basic tutorials Build a Responsive, Mobile-Friendly Web Page With Skeleton and here: 3 Rock Solid Website Layout Examples: Coded.

Conclusion

I’ll continue using skeleton for my HTML5 boiler plate, and then I concentrate my efforts in finding and implementing the best javascript framework.

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s