Best CSS Frameworks of 2017 (+SASS)

In this post I’ll go over CSS frameworks that I consider the best for different purposes. We’ll cover feature rich frameworks like bootstrap, but also look into some of the smaller and more light weight contenders.

What’s the best CSS framework is hard to answer, but what the best framework for you is, is a easier to answer when you know more than one. I work with Frontend or CSS every second day, so I have tried out all of the below.

I’ll compare them by features, which language they’re written in under the hood and how easy it is to just take the parts that you need.

Frameworks in this article:

  • Twitter Bootstrap 4
  • Zurb Foundation 6
  • Bulma
  • Cutestrap
  • MUI CSS
  • Wing CSS
  • Grd

Continue reading “Best CSS Frameworks of 2017 (+SASS)”

Webpack Sass / Scss compiling to separate file

Webpack is an amazing tool for transpiling and bundling JavaScript, but it can also take care of compiling Sass or Scss to static files.

get the code on github

I came across this issue while developing a prototype and not a single page app, that I needed to have a .scss file include some other files and output a .css file. I didn’t need inlined and scoped CSS like one would probably do with a single page app.

Continue reading “Webpack Sass / Scss compiling to separate file”

Bootstrap 4 Grid only and SASS with Gulp

Bootstrap is a great CSS framework, but what if we only want to use the grid and not all the other features? You can do this if you either use the SASS or LESS version of the bootstrap framework. I’ll quickly demonstrate how you only take the necessary parts. I dug into this, because I was creating a landing page only featuring parts of the bootstrap framework to increase the page speed.
Continue reading “Bootstrap 4 Grid only and SASS with Gulp”