Skeleton CSS

A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

What Is It?

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:

Responsive Grid Down To Mobile

Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!

Fast to Start

Skeleton is a tool for rapid development. Get started fast with CSS best practices, a well-structured grid that makes mobile consideration easy, an organized file structure and super basic UI elements like lightly styled forms, buttons, tabs and more.

Style Agnostic

Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.

Downloads

The Skeleton download is a zip file (~25kb) containing all the CSS groundwork to get started on any web project.

Download Skeleton 1.2 from Github

or View Source on Github

Download Skeleton PSD Template

(A la 960.gs PSD template)

The file structure for Skeleton is:

• index.html: The base html page that includes the necessary initial markup
• stylesheets (folder)
  • base.css: Basic styles of Skeleton
  • skeleton.css: The glorious Skeleton grid
  • layout.css: File with no specific styles, but a variety of useful media queries
• images (folder):
• favicon.ico: Standard 16x16 favicon
• apple-touch-icon (x3): All three sizes of Apple touch icons for iPhone 3, iPad and iPhone 4 with retina.

For more Visit Skeleton Offical