GridWorks - General utility css grid markup for wiki pages

Summary: GridWorks - general utility css grid markup for wiki pages
Version: 1.3.1-20230205
Prerequisites: See Below
Status: Active/Stable
Maintainer: VKrishn
Users: (view / edit)
Discussion: GridWorks-Talk

GridWorks - general utility css grid markup for wiki pages

sample1 | sample2 | sample3 | sample4

Description

GridWorks - general utility css grid markup for wiki pages

Notes

Some of the potential uses of GridWorks

  1. Allow css grid to be loaded/used from within wiki pages.

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

Contributors

Demo:

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

Requirements
Package/AppsMinimumLast test
Php5 >= 5.6.408.0.19
PmWiki2.2.122+2.3.15

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

User notes : If you use, used or reviewed this recipe, you can add your name. These statistics appear in the Cookbook listings and will help newcomers browsing through the wiki.