This is the responsive boilerplate Skeleton made ready for GetSimple.
Quote:A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
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.
I have added a nav menu and a footer with minimal styling so the theme works straight out of the box, but the intention is that it should be used as a basis for building, editing and restyling.
The Skeleton code is much, much simpler than Bootstrap. there is no jquery and no javascript, just a nice efficient css grid which is easy to use and edit. Ideal for GetSimple, and really good for making existing sites responsive.
There is a good short beginners tutorial and introduction here:
http://designshack.net/articles/css/build-a-responsive-mobile-friendly-web-page-with-skeleton/
Thanks Steven, although most of the work is not even mine. I only added a few lines to the css files to make a nav menu and a footer, so that you had a complete page to start a project with in GS.
I would be very grateful if you could point out any mistakes. If I could see them I would have fixed them. font: (not font-family:) is correct. You made me look it up. It's for grouping shorthand declarations; like background: instead of background-color: background-image: etc.
The Skeleton files already include a blank css named layout.css. It's where I always write the site-specific code.
I didn't even bother opening layout.css figuring that it had 16 columns stuff in it (since that seemed like layout to me). That was why I added a custom.css.
Oh well, live and learn.
(2013-10-05, 02:17:37)Timbow Wrote: Thanks Steven, although most of the work is not even mine. I only added a few lines to the css files to make a nav menu and a footer, so that you had a complete page to start a project with in GS.
I would be very grateful if you could point out any mistakes. If I could see them I would have fixed them. font: (not font-family:) is correct. You made me look it up. It's for grouping shorthand declarations; like background: instead of background-color: background-image: etc.
The Skeleton files already include a blank css named layout.css. It's where I always write the site-specific code.