CodeCanyon Responsive HTML5 CSS Grid 4928861

Responsive HTML5 CSS Grid

CodeCanyon Responsive HTML5 CSS Grid 4928861
Script \ HTML5 Code \ Templates
Toggle \ Columns \ Responsive \ Instructions \ Updated \ Options \ Column

HTML5 Code - Responsive HTML5 CSS Grid 4928861 by human1nt @ CodeCanyon

Script \ HTML5 Code \ Templates

Welcome to the highest rated responsive CSS grid , on CodeCanyon. CSS Grid is a valid HTML5, responsive CSS Grid from 1 to 8 columns. It works on iPhone, iPad, Google Android and Windows 8. It also features a Toggle Navigation Menu for mobile. Why is this different to other CSS grids?
There are many grids out there already, but after working on several responsive websites, I found most of them to be quite complex for beginners, so I developed this simple solution where developers at all levels would be able to use it. Features
- Works on: iPad, iPhone, HTC, Nokia, Samsung, Sony, LG, Blackerry
- Fixed or Percentage Columns (or mix them)
- 1 to 8 columns
- Easy HTML Setup
- Use stack class to automatically stack columns
- Use CSS3 animate class to animate the transition between columns
- Toggle Navigation Menu uses CSS3 and Javascript
- With or without column padding
- Retina screen support
- Detailed Instructions
- PSD files included for 1024, 768, 480, 320 Tested and compatible with .
- iOS 5, 6, 7
- Android 2.5+
- Safari 5+
- Chrome 27.0+
- IE 9, 10, 11
- Windows 8 (IE 10) Does this have Instructions?
Yes. This download comes with some detailed instructions on using the grid, css structure, toggle navigation and understanding responsive grids. You can also access the instructions online . Need some help?
Feel free to get in touch if you have any questions and I will get back to you as soon as possible. Reviews Updates
v 1.5 (15 May 2014)
* Updated Javascript to js/jquery-1.9.1.min.js
* Stack columns updated, now with 2 options.
.stack - Stacks to 2 columns, less than 768 and 1 column less than 480
.stack1 - Stacks to 1 column, less than 768
* Cleaned up CSS
* Added code boxes to some pages to show how to use the columns
* Changed Toggle Nav so animations are slower and smoother
* Re-worked the instructions so they are easier to follow
v 1.4 (04 February 2014)
* Nav Top, Fixed + Static, Logo changed to be aligned left, and menu aligned right
* Fixed dropdown on web version.
position:relative; added to ul.navig li on the 3 nav css files
v 1.3 (18 December 2013)
* Toggle Nav, CSS3 Transitions
* Toggle Nav, Fixed and Static Position options
* Toggle Nav, Top, Left and Right options
* Animated transitions for HTML when @media changes
* Updated instructions and PSD files
v 1.2 (13 September 2013)
* Toggle Nav, simplified code
* Toggle Nav, changed to stack on top instead of overlapping content
* Stack CSS added, allowing easy option to stack DIVs for narrow width
v 1.1 (11 July 2013)
* Toggle Nav Added for narrow widths
v 1.0 (14 June 2013)
* Released

This Responsive CSS Grid was developed by .
Available exclusively at CodeCanyon from Envato .

Last Update: 15 May 14; High Resolution: Yes; Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS, Layered PSD; Software Version: HTML5.

Keywords: css, css3, grid, html, html5, ipad, iphone, layout, media, menu, mobile, queries, query, responsive, toggle.


Add Comments:
Enter Code: *