Front End Frameworks

ANGULAR AND BOOTSTRAP

include like this (for Bootstrap):

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/>

So what is Bootstrap? Bootstrap is a free and open source front end web application framework containing a collection of tools to create websites and web applications. The primary languages used are HTML and CSS, which is helpful for creating dynamic responsive design webpage templates (with HTML5 and CSS3). The CSS classes need to be applied to HTML elements in order to be able to be reused. Some major features from the HTML and CSS are typography, forms, buttons, navigation, and other user interface components. Javascript and JQuery are compatible with Bootstrap. If using responsive design, not all components are compatible with Internet Explorer, thus, the display may be flawed.  This framework is very mobile compatible!

So why is this framework sometimes referred to as “Twitter Bootstrap”? Because it was created at Twitter (the social media company)

You can use a vanilla interface (an HTML/CSS framework not requiring extra markup classes or attributes to create a layout). This framework is fully responsive. To download this framework, go here: https://github.com/tylerchilds/Vanilla-HTML

You can use SASS as a CSS scripting language. For more information, go here: http://sass-lang.com/

LESS is a CSS framework that can be run on the server side: http://en.wikipedia.org/wiki/Less_(stylesheet_language)

Bootstrap is compatible with Angular JS too: https://angular-ui.github.io/bootstrap/

Some pros of Bootstrap:
*Not a huge learning curve and not too bad to begin learning
*Mobile compatible
*Handy grid system
*Can use basic styling for HTML elements (ex tables, forms, buttons, images, icons, etc.)
*Extensive component list (via the API)
*Bundled Javascript plugins that can be used (to make this JQuery compatible)

More awesomeness to come soon!