Sleleton (getskeleton.com) Grid System Example
Skeleton's bulit-in classes are very much like the original 960.gs grid system.
It also comes with a few extra UI (User Interface) styles.
Here is a link made to look like a button by calling the built-in button class.
Click Me
This one also calls the built in full-width class.
Click Me
These are columns within a column (nested columns) that demonstrate the alpha and omega classes.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
I am actually moderately annoyed because the normal bold and italic elements aren't working in this example, presumably because of their normalizer style sheet. At least that would be easy enough to fix by modifying their normalizer if I started using this in bulk production.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
They also have some built in styles to make form elements look somewhat fancier than the standard HTML fare.
Plain old HTML button elements automacially look the same as links. Can you think of any advantages to making links look like buttons instead of putting onclick event handlers in buttons?
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is a column moved around by using the offset-by- built-in classes.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Footer