Skeleton

Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402 (2 ratings)
Rated 5.0 out of 5
Subscribe to updates I use Skeleton


Statistics on Skeleton

Number of watchers on Github 13338
Number of open issues 105
Average time to close an issue about 1 month
Main language CSS
Average time to merge a PR 2 days
Open pull requests 46+
Closed pull requests 52+
Last commit about 2 years ago
Repo Created over 5 years ago
Repo Last Updated 5 days ago
Size 6.25 MB
Homepage http://www.getske...
Organization / Authordhg
Latest Release2.0.4
Contributors24
Page Updated
Do you use Skeleton? Leave a review!
View open issues (105)
View Skeleton activity
View on github
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating Skeleton for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Skeleton

Skeleton is a simple, responsive boilerplate to kickstart any responsive project.

Check out http://getskeleton.com for documentation and details.

Getting started

There are a couple ways to download Skeleton:

  • Download the zip
  • Clone the repo: git clone https://github.com/dhg/Skeleton.git (Note: this is under active development, so if you're looking for stable and safe, use the zipped download)

What's in the download?

The download includes Skeleton's CSS, Normalize CSS as a reset, a sample favicon, and an index.html as a starting point.

Skeleton/
 index.html
 css/
    normalize.min.css
    skeleton.css
 images/
     favicon.ico

Why it's awesome

Skeleton is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid. Nothing more.

  • Around 400 lines of CSS unminified and with comments
  • It's a starting point, not a UI framework
  • No compiling or installing...just vanilla CSS

Browser support

  • Chrome latest
  • Firefox latest
  • Opera latest
  • Safari latest
  • IE latest

The above list is non-exhaustive. Skeleton works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.

License

All parts of Skeleton are free to use and abuse under the open-source MIT license.

Extensions

The following are extensions to Skeleton built by the community. They are not officially supported, but all have been tested and are compatible with v2.0 (exact release noted):

  • Skeleton on LESS: Skeleton built with LESS for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)
  • Skeleton on Sass: Skeleton built with Sass for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)

Have an extension you want to see here? Just shoot an email to hi@getskeleton.com with your extension!

Colophon

Skeleton was built using Sublime Text 3 and designed with Sketch. The typeface Raleway was created by Matt McInerney and Pablo Impallari. Code highlighting by Google's Prettify library. Icons in the header of the documentation are all derivative work of icons from The Noun Project. Feather by Zach VanDeHey, Pen (with cap) by Ed Harrison, Pen (with clicker) by Matthew Hall, and Watch by Julien Deveaux.

Acknowledgement

Skeleton was created by Dave Gamache for a better web.

Skeleton open issues Ask a question     (View All Issues)
  • 3 months Why doesnt Skeleton have a built-in navigation menu bar example?
  • 4 months Sketch template for Skeleton
  • 4 months Standard validate W3C
  • 6 months Heading in example does not look like actual result
  • 7 months Not enough specified, maybe?
  • 10 months Legacy Framework
  • 10 months The one issue with skelly: buttons dont line up with text
  • 11 months Site has 2 languages English - working perfectly. Arabic version is not - Please Help
  • 12 months Website has an error
  • 12 months Is this project abandoned ?
  • about 1 year showing/hiding for mobiles
  • about 1 year Ability to Input Data Into Tables
  • about 1 year Skeleton for "toggle" menu
  • about 1 year Possibility of Calc()?
  • about 1 year Minimum width 550px requirement
  • about 1 year Grid problematic for gallery
  • about 1 year Container-fluid
  • about 1 year Web Development Question - Should be redirect to Stack-Overflow
  • about 1 year New "Extension"
  • over 1 year code background not covering
  • over 1 year Gap After <img> tag
  • over 1 year Update license
  • over 1 year Button with social icon
  • over 1 year Development halted?
  • over 1 year Height overrides size attribute on select
  • over 1 year li word wrap indent
  • almost 2 years How to make sure the font-size of root html element is 10px?
  • almost 2 years offset not working right
  • almost 2 years Add dropdown component
  • almost 2 years why does not match font-family
Skeleton open pull requests (View All Pulls)
  • fix version of sass and less versions
  • Create skeleton-rtl.css
  • Add a foreground color for text inputs.
  • Fixes offset classes
  • .phone max-width changed to 50% on mobile
  • Update normalize, add Edge browser reference
  • Consistent percentage values
  • skeleton-landing-page
  • Fix url for google fonts
  • added button type to list of inputs which need ios default styles removed
  • Button disabled style
  • Added extra 4% to offset columns
  • Fixes container overflow on pre>code blocks
  • Remove moot `version` property from bower.json
  • Added text utilities for quick text alignment
  • Add date and month input styling
  • Apply fixed height to select only if `size` attribute is not present
  • Fixed inconsistent offsets
  • Set clearfix styles for helper class .u-cf onto the pseudo element :afte...
  • Updated Versions: Skeleton-less and Skeleton-Sass
  • adds non-responsive-column class for creating grids that must maintain s...
  • Added input[type="submit"] selector
  • Apply a natural box layout model to all elements
  • Match version number for Skeleton on Sass
  • add rtl file
  • Update grid with bootstrap like classes for small and medium devices
  • Added :active state for buttons (default & primary)
  • Rows attribute being ignored on textarea
  • Convert hex color value to uppercase letters
  • Add formatting for date inputs
  • Added missing protocol to font googleapis
  • Ignore non-framework files when using bower
  • Add missing html5 elements and disabled style
  • add delimiter to rem units on site index page
  • Added hosted libraries into README.md
  • Added 'color' to input[type] rules
  • Update index.html
  • Update the version numbers of unofficial projects
  • Removes default date input styles.
  • fixed url for run_prettify.js
  • makes readme more exciting
  • npm init / Add package.json
  • Blockquote and img styles
  • last input elements should not have margin
  • Added properties for ".bordered". And added prefix
  • Update skeleton.css
Skeleton questions on Stackoverflow (View All Questions)
  • Add an image instead of an Ellipse when draw skeleton using Kinect SDK
  • Kinect, Matlab and picture saving with Skeleton
  • PHPUnit's Skeleton Generator scripts doesn't exist
  • How to Use Node Cluster module within Express Generator App Skeleton
  • Is it possible to save a user's skeleton and facial data for recognition purposes?
  • How to get correspondence information between the meso-skeleton and boundary mesh in CGAL:mcfskel
  • The type or namespace name 'Skeleton' could not be found
  • Java RMI : What is the role of the stub-skeleton that are generated by the rmic compiler
  • How do I accommodate a sub sub menu in Skeleton?
  • WordPress Skeleton, VVV, Multisite, and the right Nginx rules
  • OpenCV build skeleton to find parking spaces
  • Skeleton image and text in adjacent columns
  • 7 column responsive layout using Skeleton V2.0.4
  • Vertically center navigation within row - Skeleton Framework
  • Interface is just skeleton in Java then how does CrudRepository provides all CRUD operations?
  • Zend Skeleton App configuration " doctrine-module: command not found"
  • Integrating Mecanim Skeleton
  • Method that has user skeleton in python
  • How to use PHPUnit Skeleton Generator on classless php files?
  • 3d skeleton from segmentation
  • Why is there a space before first column in skeleton?
  • Facing issue while generating web service skeleton
  • How to get zend framework skeleton old versions like 2.3
  • how to change the path of stylesheets that skeleton automatically load
  • View's skeleton is rendered and afterwards styles are applied
  • How can I input a depth image to let kinect output a skeleton?
  • Cinema 4d - Cannot rig mesh to skeleton
  • Aurelia Skeleton-Navigation Will Not Load After Bundling
  • Skeleton calculation
  • What is the proper style for implementing a skeleton class?
Skeleton list of languages used
Skeleton latest release notes
2.0.4 2.0.4

Version bump for Bower package reasons, no core code changes.

2.0.3 2.0.3

Really small point release just cleaning up a few odds and ends:

  • https://github.com/dhg/Skeleton/pull/224: Removing a duplicated rule
  • https://github.com/dhg/Skeleton/pull/215: Removing a redundant selector
  • https://github.com/dhg/Skeleton/pull/212: Cleaning up favicon tag
  • https://github.com/dhg/Skeleton/pull/209: Fixing a minor typo in a comment
  • https://github.com/dhg/Skeleton/commit/08b0f50159a51de5b1c456988f227ea10cce6a7c: Removing trailing whitespaces
v2.0.2 v2.0.2

The following issues were addressed in this release:

  • #173: Remove maximum scale for accessibility
  • #184: Changed Google Fonts link
  • #205: Added input types for tel and url. Also cleaned a few other small form styles
  • #196: Cleaned up property order to match the general principles outlined here: http://markdotto.com/2011/11/29/css-property-order/
  • #186: Addressed smaller viewports being limited to 80%. Now .container uses 20px padding for any viewport sub-400px, 85% width for 400-550px viewport, and 80% for 550px and larger viewports (with the same default max-width of 960px)
  • Made small grid improvements in decreasing specificities drastically and removing default bottom margin on .row
Other projects in CSS