Lab 06 - CSS Frameworks

Goals of the exercise

  • Understand what a CSS framework is
  • Research which components are included in the chosen CSS framework
  • Understand what JavaScript does without having to write it yourself
  • Implement a plug-and-play library such as baguetteBox
  • Be able to use a library or framework based on its documentation
  • Understand what Functional CSS and OOCSS are and how they work
  • RECAP: Be able to build a correct, semantic, and validated HTML page based on a screenshot
Go to the solution
the Bootstrap logo

Description

We had to learn how to use CSS frameworks. In particular, Bootstrap and baguetteBox. We then had to re-create a website and make it fluid for different screen sizes.

Related items

Reflection

  • Wauw

    Bootstrap was pretty easy to setup. It required a minimal amount of work and most importantly, it works from the get-go.

  • Auwch!

    Not really that bad, but it was a lot of reading through the documentation to find the things I needed. Luckily I've had my fair share of reading Unity docs, so it went a bit quicker.

  • Hmmm?

    While it is easier to adjust and you don't have to learn CSS to use it. It can work against you in certain projects. So I would and will be careful when and where I use this is the future.