Skip to content

Commit

Permalink
Added a link to follow PocketGrid on Twitter!
Browse files Browse the repository at this point in the history
  • Loading branch information
arnaudleray committed Aug 29, 2013
1 parent 13cc0f1 commit c9465f9
Showing 1 changed file with 7 additions and 2 deletions.
9 changes: 7 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,18 +33,23 @@ See http://arnaudleray.github.io/pocketgrid/download/
## FAQ
See http://arnaudleray.github.io/pocketgrid/faq/

## Why should I use PocketGrid instead of Twitter Bootstrap or other grids?
## Community
You can <a href="http://twitter.com/pocketgrid">follow @PocketGrid on Twitter!</a>

## Should I use PocketGrid instead of Twitter Bootstrap or other grids?
Well, first, **you can use both**!
Indeed, PocketGrid is compatible with any other framework such as Twitter Bootstrap or Zurb Foundation (because it does not use 'grid', 'row' or 'col' classes which are used by too many grid systems).
For example, you could use PocketGrid for your layout positioning, and use Twitter Bootstrap for styling, tabs or special components...

Moreover, PocketGrid has many nice features:
- PocketGrid is really lightweight, so you can use it in all your projects at no cost (Twitter Bootstrap is about 200x bigger, even minified!)
- Twitter Bootstrap 2's grid has only 1 breakpoint (like many grid systems), whereas with PocketGrid you can define as many breakpoints as you want!
- Twitter Bootstrap breakpoints are hard-coded and limited, whereas PocketGrid breakpoints are free and unlimited!
- Twitter Bootstrap has only 12 columns, whereas PocketGrid columns are unlimited!
- PocketGrid is one of the very few semantic grids (especially pure CSS grids!): you don't have "span4" or "small-6 large-2 columns" classes everywhere in your HTML: column size should be defined in the stylesheet, not in the HTML! That's the PocketGrid philosophy!
- Percentage sizing is more natural and more precise than using a number of columns
(how can you make 5 columns in a 12 or 16-columns system? It's impossible! With PocketGrid, just put "width:20%", easy!)
- PocketGrid does not require a CSS preprocessor (but you can use one if you want).
- PocketGrid does not require a CSS preprocessor such as LESS or SASS (but you can use one if you want).

Note: If you want to use a complete CSS framework like Twitter Bootstrap, it's dangerous to use it for ALL your site structure because when you upgrade this framework (e.g. upgrading Bootstrap 2 to Bootstrap 3), all your layout will be broken because their grid has evolved and is not backward compatible.
**Using a separate grid for your layout (such as PocketGrid!) allows you to upgrade safely your CSS framework (buttons, tabs, carousel...) without breaking your layout!**
Expand Down

0 comments on commit c9465f9

Please sign in to comment.