edit-article

Article Description: ] frameworks are a collection of pre built layout components to facilitate the development of

Chapter ID/Name:

Status: Write Writing Written

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">CSS frameworks</h1> <h2>[WHAT]</h2> <ol> <li>]&nbsp;frameworks are a collection of pre built/defined layout components to facilitate the development of web sites/apps</li> </ol> <h2>[WHY]</h2> <ol> <li>] LIST of available CSS frameworks</li> </ol> <h2>[WHERE]</h2> <ol> <li>] see EXAMPLE section below</li> </ol> <h2>[WHEN]</h2> <ol> <li>] 2016-02-22 -&nbsp;</li> <li>] 2016-11-28 - UPDATE - added 3n article listing alternatives,&nbsp;</li> </ol> <h2>[EXAMPLE]</h2> <ol> <li>] twitter -&nbsp;<a href="/view/article?id=5439" target="_blank">bootstrap</a>&nbsp;3 -&nbsp;</li> <li>] zurb - <a href="http://foundation.zurb.com/" target="_blank">foundation</a> 5 -&nbsp;</li> <li>] <a href="http://gumbyframework.com/" target="_blank">gumby</a>&nbsp;-&nbsp;</li> <li>] yahoo - <a href="http://purecss.io/" target="_blank">purecss</a>- a lightweight CSS framework by Yahoo. It&rsquo;s both extremely light and also responsive in nature. Unlike other frameworks, Yahoo Pure doesn&rsquo;t have any JavaScript Plugins. This framework also utilizes the popular 12-grid-layout system and has its own CSS rules to apply. For people who like the metro design of Windows, Yahoo Pure is the perfect CSS framework to start designing with. It promotes less shadow effects and almost no rounded corners in its designs. Yahoo&rsquo;s skin builder can be used to customize the look when using Pure CSS.</li> <li>] <a href="http://ink.sapo.pt/" target="_blank">ink</a> -&nbsp;</li> <li>] <a href="http://www.getskeleton.com/" target="_blank">skeleton</a> -&nbsp;</li> <li>] <a href="http://compass-style.org/" target="_blank">compass</a> -&nbsp;</li> <li>] more ... ] http://www.responsivegridsystem.com/, ] http://matthewhartman.github.com/base/, ] http://fluidbaselinegrid.com/</li> </ol> <h2>[HOW-TO]</h2> <ol> <li>]</li> </ol> <h2>[REFERENCE]</h2> <ol> <li>[2013-12-19] <a href="http://www.sitepoint.com/best-web-designing-frameworks-2014/" target="_blank">Best Web Designing Frameworks for 2014</a>&nbsp;- ] by Syed Fazle Rahman -&nbsp;</li> <ol> <li>] review comments, multiple other frameworks suggested</li> </ol> <li>[2015-06-10] <a href="https://medium.com/wdstack/responsive-design-6-bootstrap-alternatives-e9889470c355#.3ke67dllz" target="_blank">bootstrap alternatives</a>&nbsp;- &nbsp;] by Carol Skelly @ wdstack - Skelly looks at 6 bootstrap alternatives including foundation, skeleton, purecss, uikit, <a href="http://semantic-ui.com/" target="_blank">semantic-ui</a>&nbsp;and <a href="http://materializecss.com/" target="_blank">materialize</a>&nbsp;</li> </ol> <h2>[RELATED]</h2> <div><ol> <li>] # 1965 - <a href="/view/article?id=1965" target="_blank">TOC - book of css</a></li> </ol></div> <div><hr /></div> <div> <h2>[WHERE]</h2> <ol> <li>]</li> <li>] ***</li> <li>] button generator</li> </ol></div> <h1 style="text-align: center;">&nbsp;</h1>