Cookbook /
GridWorks - General utility css grid markup for wiki pages
GridWorks - general utility css grid markup for wiki pages
Package version/links:
pmwiki-2.3.13
Skin - notebook-nt
gridworks-1.3.1-20230205
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:
- Easy adaptive and responsive grid layout using css.
Usage
Adapters (included)
- 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).
- 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).
- 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 usesinline-block
andbox-sizing
to provide features that float-based layouts cannot.- Loadmethods - mq | mqcombo
- 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
- 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
- W3c Org
Contributors
Demo:
Requirements | ||
Package/Apps | Minimum | Last test |
---|---|---|
Php | 5 >= 5.6.40 | 8.0.19 |
PmWiki | 2.2.122+ | 2.3.15 |
Files/Download
Latest: gridworks-latest.tgz
(archives + latest adapters)
Author
- V.Krishn