Part 3: Bootstrap 4 vs Foundation 6.4 — Sass Workflow
Wait! Are you looking for Previous Articles in this series? Click here for Part 1 and Part 2 respectively.
What is this Sass/SCSS in Web Design anyway?
Sass is a preprocessor that will produce clean and efficient CSS code and will cut your development time to half (if not more). According to official docs,
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is completely compatible with all versions of CSS. We take this compatibility seriously so that you can seamlessly use any available CSS libraries.
Advanced Sass & Workflow!
Foundation has great support for Sass functions and mixins. In fact, you can semantically build your own grid system too, and in both directions Horizontal or Vertical. As these features are awesome, these can’t be neglected in any mean and should be used in your next awesome website.
Unfortunately, though Bootstrap also uses Sass for generating the CSS for their framework but as of yet Bootstrap doesn’t have these features, and thus the comparison isn’t valid. If in case, Bootstrap will provide these features in upcoming future, I will surely update this article! … cc @Johann S
But I am sure, you like to learn Sass Workflow in Foundation atleast?
I have gone ahead and created a separate 2 part tutorial series about “Mastering Advanced Sass & Workflow with Zurb Foundation”. Please check the links below:
Part 1: Learn and Master Advanced Sass
Part 2: Sass Workflow with Zurb Foundation
Wait! Are you New to Sass?
If in case, you are new to Sass and you can’t follow along with two above articles untill you learn the basics of Sass, then checkout this course by Chris Sevilleja.
To be continued…
I hope you liked this article. Please check back soon as I will update this series to a 7 Part Article Series for a comparison guide on Bootstrap 4 vs Foundation 6.4 as listed below:
- Part 1: The Grid (September 2, 2017)
- Part 2: Responsive Navigation & Containers (September 4, 2017)
- Part 3: Sass Workflow (This Article)
- Part 4: CSS Only Components (Coming Soon)
- Part 5: Typography & CSS Utility Library (Coming Soon)
- Part 6: Javascript based Components (Coming Soon)
- Part 7: Javascript Plugins and Utilities (Coming Soon)
As a learner, you might worry that these articles will become obsolete when Foundation releases version 7 or Bootstrap releases version 5 and so on… but not to worry, I will update this series with every update so this is a series that should be bookmarked.
Thanks a lot…
- If you liked my article and also my passion for teaching, please don’t forget to follow me and also CodeBurst by clicking the links below.
- If you would like to hire me for your next cool project, or just want to say hello… my twitter handle is @harmanmanchanda for getting in touch with me! My DM’s are open to the public so just hit me up.
