Combined the amazing Skeleton grid system with Magento's layouts, so you can now build adaptive mobile web pages on with any magento phtml
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
skin/frontend/base/default/css/skeleton
readme.md

readme.md

A responsive framework for Magento using the Skeleton 960 responsive grid system!

NB: this is a framework for you guys to dump into your existing themes and start making them responsive. It is NOT a theme.

As with all my stuff, it can probably be better, so send me a pull request.

I'm on twitter: @ldn_tech_exec

Features:

  • Adds the Skeleton grid as a layout in Magento instead of 1column.phtml or 2column-left.phtml etc
  • You can add no-frame.phtml to any page via layout update
  • …even for CMS pages or category/product layout updates via the admin
  • includes Paul Irish's html IE classes from HTML5 Boilerplate
  • includes facebook compatibility (xml stuff in the html tag)
  • includes tag to make responsive designs work

What's the story?

I originally built this for http://www.getbrandid.com and then presented it for http://magento.meetup.com

Slides are here: http://www.slideshare.net/arushsehgal/magento-x-codekit-x-skeleton-960-responsive-grid

What is it?

  • Modified base.css to include magento essentials

  • skeleton.css

  • layout.css

  • no-frame.phtml

  • config.xml

  • Mage_All.xml (to tell Magento to use the local code pool for config.xml)

Please contribute - to do

  • find a better way to add as a layout in the admin instead of overriding core file
  • feature requests?