Editing Frontend Web UI Framework Options

[[Category:HTML]] [[Category:CSS]] [[Category:Web Development]]
== Twitter Bootstrap ==

=== Pros ===

* Comprehensive and solidly engineered. 

=== Cons ===

* Class name changes between versions requiring refactoring
* Difficult to override styles to make a site not look derivative of Bootstrap

== Foundation ==

=== Pros ===

* Lightweight<br />''Actually, I don't think this is true. It requires some time to install and configure. It also has a need to control the web project, and so doesn't exist easily with other technology (e.g. Django).''
* Easy to apply a custom look to a site built with Foundation

=== Cons ===

* Reported to not be as well engineered as Bootstrap
* Relies on jQuery for many components (i.e. all you get is the grid if you want to use Angular)
* Non-trivial installation (for the Sass install)
* Doesn't exist easily with things like Django.
* A lot of prerequisites

== Materialize ==

* [http://materializecss.com Source]

=== Pros ===

* Designed using Google's [https://www.google.com/design/spec/material-design/introduction.htm Material design] principles
* Clear documentation
* Tuned performance in its JavaScript
* Focused set of features, i.e. not bloated

== Semantic-UI ==

* [http://semantic-ui.com Semantic UI website]

=== Installation ===

<syntaxhighlight lang="bash">
$ npm install semantic-ui --save-dev
</syntaxhighlight>

Then JavaScript and CSS are compiled with `gulp`. 

There are also Git repos for CSS and Less distributions.

=== Pros ===

* Feature complete compared to other frameworks.
* Inherent support for dimmers, flags, feeds, 3-dimensional cards

=== Cons ===

* Non-traditional CSS syntax
* Built with Less.

== Skeleton ==

* [http://getskeleton.com Source]

=== Pros ===

* Ultra lightweight.
 
== UIKit ==

=== External links ===

* [http://www.sitepoint.com/delving-uikit/ Delving Into UIKit] (Sitepoint)

== Notes ==

=== External links ===

* [https://www.coderedcorp.com/blog/a-comparison-of-responsive-web-frameworks-in-2015/ A Comparison of Responsive Web Frameworks in 2015] - CodeRed