Frontend Web UI Framework Options: Difference between revisions

From Littledamien Wiki
Jump to navigation Jump to search
(Created page with "Category:HTML Category:CSS Category:Web Development == Twitter Bootstrap == === Pros === * Comprehensive and solidly engineered. === Cons === * Class name cha...")
 
No edit summary
Line 22: Line 22:
* Reported to not be as well engineered as Bootstrap
* Reported to not be as well engineered as Bootstrap


== 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 Source]
=== Pros ===
* Feature complete compared to other frameworks.
* Inherent support for dimmers, flags, feeds, 3-dimensional cards
=== Cons ===
* Non-traditional CSS syntax
== Skeleton ==
* [http://getskeleton.com Source]
=== Pros ===
* Ultra lightweight.
== UIKit ==
== UIKit ==


Line 27: Line 59:


* [http://www.sitepoint.com/delving-uikit/ Delving Into UIKit] (Sitepoint)
* [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

Revision as of 21:30, 4 December 2015

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
  • Easy to apply a custom look to a site built with Foundation

Cons

  • Reported to not be as well engineered as Bootstrap

Materialize

Pros

  • Designed using Google's Material design principles
  • Clear documentation
  • Tuned performance in its JavaScript
  • Focused set of features, i.e. not bloated

Semantic-UI

Pros

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

Cons

  • Non-traditional CSS syntax

Skeleton

Pros

  • Ultra lightweight.

UIKit

External links

Notes

External links