• View
• Edit
• History
• Attach
• Print
• Backlinks

GridWorks - General utility css grid markup for wiki pages

GridWorks - general utility css grid markup for wiki pages

sample1 | sample2 | sample3 | sample4

Description

GridWorks - general utility css grid markup for wiki pages

Notes

About GridWorks

Some issues GridWorks addresses:

1. Easy adaptive and responsive grid layout using css.

Installation

Configuration

Usage

Adapters (included)

1. 960gs (960.gs)
   The 960 Grid System is an effort to streamline web development workflow
   by providing commonly used dimensions, based on a width of 960 pixels.
   GridWorks uses grid css' from 960.gs (library uploaded separately)
   It provides two methods of loading css and making it responsive to change in layout.
   • Using adapt.js
   • Load css using MediaQueries (MQ).
2. Unsemantic (unsemantic.com)
   Unsemantic is a fluid grid system that is the successor to the 960 Grid System,
   it's entirely based on percentages.
   GridWorks uses grid css' from unsemantic.com (library uploaded separately)
   It provides two methods of loading css and making it responsive to change in layout.
   • Using adapt.js
   • Load css using MediaQueries (MQ).
3. Griddle (necolas.github.io)
   Griddle is a fluid and modular grid system for modern browsers.
   GridWorks uses grid css' from necolas.github.io (library uploaded separately)
   It uses inline-block and box-sizing to provide features that float-based layouts cannot.
   • Loadmethods - mq | mqcombo
4. Blueprintcss (blueprintcss.org) (basic 24grid support)
   Blueprintcss is a modular grid system for modern browsers.
   GridWorks uses grid css' from blueprintcss.org (library uploaded separately)
   • Loadmethods - mq | js
5. Purecss (purecss.io) (basic 24grid support)
   Fully customizable and responsive CSS grids.
   GridWorks uses grid+responsive css' from purecss.io (library uploaded separately)
   • Loadmethods - mqcombo

Release notes

If the recipe has multiple releases, then release notes can be placed here. Note that it's often easier for people to work with "release dates" instead of "version numbers".

See also

• W3c Org
  • CSS Grid Layout Module Level 1
  • CSS Line Grid Module Level 1
  • CSS Grid Layout Module Level 2
  • Media Queries Level 3
  • Media Queries Level 4
  • Media Queries Level 5
  • CSS Flexible Box Layout Module Level 1
  • CSS Multi-column Layout Module Level 1

Contributors

Demo:

• Please see links at the beginning of this page. see above

Files/Download

Changelog

February 05, 2023
==================
GridWorks v1.3.1
------------------
 -- Added adapter purecss (http://purecss.io).
 -- Added loadmethods - mq | js to adapter blueprintcss.
 -- Minor bugfix.
 -- Updated documentation.

January 12, 2023
==================
GridWorks v1.3.0
------------------
 -- Update adapter unsemantic to v1.2.3
 -- Make compatible with php 7.2x.
 -- Make compatible with php 8.0.x.

April 05, 2014
==================
GridWorks v1.2.0
------------------
 -- Add adapter blueprintcss (http://blueprintcss.org) (basic 24grid support).
 -- Updated documentation.

March 02, 2014
==================
GridWorks v1.1.0
------------------
 -- Make compatible with php 5.5x.
 -- Rename adapter.adaptjs to adapter.960gs.
 -- Add adapter unsemantic (http://unsemantic.com/) (partial).
 -- Add support ltr for unsemantic (Left to Right).
 -- Add adapter griddle (http://necolas.github.com/griddle/).
 -- Minor bugfix.
 -- Updated documentation.

August 14, 2012
==================
GridWorks v1.0.1
------------------
 -- Minor bugfix.
 -- Add adapter method.

August 4, 2012
==================
GridWorks v1.0.0
------------------
 -- Initial release.

Author

• V.Krishn

Comments

See discussion at GridWorks-Talk