GridWorks - General utility css grid markup for wiki pages

GridWorks - general utility css grid markup for wiki pages

Sample1 Sample1
(960gs - px based grids)
|
Sample2 Sample2
(Unsemantic - percent based grids)
|
Sample3 Sample3
(Griddle - percent based grids)
|
Sample4 Sample4
(BlueprintCss - grids)
|
Sample5 Sample5
(Purecss - grids)

  • GridWorks - general utility css grid markup for wiki pages.

Some of the potential uses of GridWorks  
 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.

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

Notes and Comments

Bugs

See Also

Contributors

Demo:

  • Please see links at the beginning of this page.

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

Files/Download

Latest: gridworks-latest.tgz
(archives + latest adapters)

Author

  • V.Krishn
Edit - History - Print - Recent Changes - Search
Page last modified on January 12, 2023, at 05:54 PM