Skip to content

Combined the amazing Skeleton grid system with Magento's layouts, so you can now build adaptive mobile web pages on with any magento phtml

Notifications You must be signed in to change notification settings

arush/mage-skeleton

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

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?

About

Combined the amazing Skeleton grid system with Magento's layouts, so you can now build adaptive mobile web pages on with any magento phtml

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published