Difference between revisions of "Grid Systems"

From perpendicular angel knowledgebase
Jump to navigation Jump to search
 
Line 2: Line 2:
==Layout Grids (general)==
==Layout Grids (general)==
*[https://www.smashingmagazine.com/2017/12/building-better-ui-designs-layout-grids/ Building better UI Design with Layout Grids] by Nick Babich on Smashing Magazine covers the basics of grids, their history, and grid theory for page layouts.
*[https://www.smashingmagazine.com/2017/12/building-better-ui-designs-layout-grids/ Building better UI Design with Layout Grids] by Nick Babich on Smashing Magazine covers the basics of grids, their history, and grid theory for page layouts.
==Flexbox==
* [https://aerolab.co/blog/flexbox-grids/ Flexbox and Grids], your layout's best friends by Eva Ferreria at Aerolab describes using Flexbox and Grid in concert with each other for better page layouts.


==Tools==
==Tools==
* [http://gridulator.com Gridulator] helps to make pixel grids by allowing you to choose max width and number of columns. It doesn't appear to address [[Responsive Web Design]].
* [http://gridulator.com Gridulator] helps to make pixel grids by allowing you to choose max width and number of columns. It doesn't appear to address [[Responsive Web Design]].

Latest revision as of 19:34, 9 April 2019

Layout Grids (general)

Tools