Friday, December 5, 2014

10 New Frontend Web Frameworks Worth Considering



We have covered web frameworks many times before, and just felt that today was a good time to bring everybody up-to-date with some the the recently released frameworks that have stood out from the crowd recently, and may be worth your attention.


In it’s simplest form a frontend web framework is just a useful collection of CSS, HTML and JavaScript components that you can quickly use in our own projects. But we will also know that there is much more to them than that. Some are super-lightweight with minimal components, others, can be a good bit heavier and jam-packed full of every conceivable component. Choice is of course down to the preference of the designer and the size and type of project. So do choose wisely!


New Front-End Frameworks


Materialize (Sass)


Materialize is a new framework that utilizes many of the styles, elements, components, animations and of course, the principles of Google"s Material Design. It comes in two different forms, the Standard, which includes both the minified and unminified CSS and JS files, and the SASS version, which will give you more control over which components will be included.


Materialize


Material UI (Less)


Material UI is a Less CSS framework combined with a huge collection of React-powered components that also implement Google"s Material Design specs. It"s available as an npm package.


Material UI


Material Design for Bootstrap


Material Design for Bootstrap is, obviously, a theme for Bootstrap 3 that lets you quickly and easily use the design specs from Material Design in your own Bootstrap-powered project.



Material Framework


Smaller in scope than the other Material Design frameworks on this page, but still worthy of a mention, as the Material Framework is super-lightweight and only includes CSS-only components.


Material Design for Bootstrap


Themosis WordPress Framework


Using an elegant and simple code syntax, the Themosis WordPress Framework uses "modern" PHP features like anonymous functions, namespaces, is Composer ready and is a mix between WordPress best practices and a typical MVC framework.


Themosis WordPress Framework


PowerToCSS


Based on the principles of SMACSS and DRY, PowerToCSS is a lightweight CSS framework that offers a rock-solid foundation to get you started quickly on your next web project.


PowerToCSS


Kouto Swiss


kouto swiss is a complete CSS framework for Stylus that gives you lots of mixins, functions and utilities to code faster, and also includes the power of the caniuse website to make your stylesheets fit your compatibility needs.


Kouto Swiss


Muffin


Not a framework per se, but still worth mentioning, Muffin is a design focused front-end web template for reating static sites using SASS and Jekyll. Muffin takes advantage of common practices from Bootstrap, Boilerplate, inuit.css and other libaries to let you get straight into coding straight away.


Muffin


csstyle


csstyle is a modern approach for creating maintainable stylesheets. The csstyle method is implemented using a set of SASS mixins that make your CSS readable and semantic, it generates selectors and will automatically handle specificity and nesting.


csstyle


Furtive CSS


Furtive is mobile-first framework with a very small footprint. Furtive remains lightweight because it doesn"t worry about older browser versions, meaning that it can use ‘cutting edge tech’ like flexbox, SVGs, and limited vendor prefixing. It"s also available in SCSS, CSS, and comes with a gulpfile for customizing the build.


Furtive CSS




The post 10 New Frontend Web Frameworks Worth Considering appeared first on Speckyboy Web Design Magazine.



10 New Frontend Web Frameworks Worth Considering

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.