(public).sospep.subjects ~ view article ~ comparing-frameworks-css

<h1 style="text-align: center;">frameworks - css</h1>
<h2>[WHAT]</h2>
<ol>
<li>]&nbsp;a look at some of the most popular front end design &amp; development&nbsp;frameworks</li>
<ol>
<li>] not to be confused with frameworks-mvc - which are application development frameworks</li>
<li>]</li>
</ol></ol>
<h2>[WHY]</h2>
<ol>
<li>]&nbsp;</li>
</ol>
<h2>[WHY NOT]</h2>
<ol>
<li>]</li>
</ol>
<h2>[WHERE]</h2>
<ol>
<li>] <a href="http://getbootstrap.com">http://getbootstrap.com</a>&nbsp;- by twitter.com -</li>
<ol>
<li>] Bootstrap calls itself the sleek, intuitive CSS framework that focuses on mobile first. Bootstrap is one of the more robust frameworks with multiple CSS, JS, and font files to get you started. Bootstrap includes in their CSS framework what they call Components. These components allow you to build things like drop down menus, paginations, and alert boxes. This CSS frameworks is a good choice for anyone needing a complete solution to mobile development</li>
</ol>
<li>] <a href="http://purecss.io/" target="_blank">http://purecss.io/</a>&nbsp;- by yahoo -</li>
<ol>
<li>] a simple framework that only includes 1 file, the stylesheet. Pure prides itself in being one of the smaller frameworks weighing in at only 4.3KB for the one file. Included in the small framework are CSS styles to get you started making layouts, buttons, forms, and tables.</li>
<li>] <a href="http://purecss.io/extend/" target="_blank">http://purecss.io/extend/</a>&nbsp;</li>
</ol>
<li>] <a href="http://html5boilerplate.com/" target="_blank">http://html5boilerplate.com/</a>&nbsp;-</li>
<ol>
<li>] a comprehensive set of files that is meant to be step one of your project. Included in the framework is HTML, CSS, JS, and images to get your project kickstarted quick. Just treat this framework as the root directory of your site and enjoy and accelerated build process</li>
</ol>
<li>] <a href="http://matthewhartman.github.io/base/" target="_blank">http://matthewhartman.github.io/base/</a>&nbsp;&nbsp;&nbsp;</li>
<ol>
<li>] prides itself in a mobile first approach. Its packed with the required files to make you project look amazing on mobile and tablet devices. The CSS framework is the only I have seen so far that includes Less.js and Sass. Both of these CSS preprocessors are great time saving tools that should be included in every project.</li>
</ol>
<li>] <a href="http://getskeleton.com">http://getskeleton.com</a> -</li>
<ol>
<li>]&nbsp;a set of three CSS files provide the tools get your project up and running quickly. Buttons, forms, layouts, and typographies are all accounted for in this framework. Since this is one of the smaller frameworks, incorporating it into your next project with be quick and painless.</li>
</ol>
<li>] <a href="http://foundation.zurb.com" target="_blank">foundation.zurb.com</a> -</li>
<ol>
<li>]</li>
</ol>
<li>] <a href="http://getskel.com">http://getskel.com</a>&nbsp;-</li>
<ol>
<li>]</li>
</ol>
<li>] ? other</li>
<ol>
<li>] ionic.js -</li>
<li>] sails.js -</li>
</ol></ol>
<h2>[WHEN]</h2>
<ol>
<li>]</li>
</ol>
<h2>[EXAMPLE]</h2>
<ol>
<li>]</li>
</ol>
<h2>[HOW-TO]</h2>
<ol>
<li>]</li>
</ol>
<h2>[REFERENCE]</h2>
<ol>
<li>] <a href="http://cssmenumaker.com/blog/5-css-frameworks-you-should-be-using">http://cssmenumaker.com/blog/5-css-frameworks-you-should-be-using</a>&nbsp;</li>
<li>] <a href="http://blogs.telerik.com/kendoui/posts/13-12-26/a-bootstrap-look-at-yahoo!-pure-css-framework" target="_blank">A Bootstrap Look At Yahoo! Pure CSS Framework</a>&nbsp;</li>
<li>&gt;] <a href="http://responsive.vermilion.com/compare.php" target="_blank">http://responsive.vermilion.com/compare.php</a>&nbsp;&nbsp;</li>
<li>] <a href="http://www.reddit.com/r/web_design/comments/1hizvr/im_stuck_foundation_vs_bootstrap_which_one_should/" target="_blank">I'm stuck Foundation vs Bootstrap - which one should I go with&nbsp; web_design</a>&nbsp;</li>
</ol>
<h1 style="text-align: center;">&nbsp;</h1>

~ view article ~ Chapter] ch-017-frameworks FROM [ Book] language-javascript IN [ libraries] technology-developer-www