The hosted page displays each exercise in its own page, and the source code can be browsed from the links below:
The assignment was to build a freeform page while getting familiar with a CSS library of your choice. I opted to go for Bootstrap, and made a simple bookmark page.
We were told to download a custom font, and play around with different typography settings.
The point of the assignment was to highlight the difference in effort required when creating forms with regular CSS compared to a library.
The task was to find out about new CSS3 features, and create a small scale page to explain them.
The first task to include SASS, we were told to play around and explore its features, and then build a page that utilized the following functionalities of SASS:
- Modular structure, @import, @use
- Nesting
- Variables, $variable
- Mixins, @mixin
- Extend, @extend
We got familiar with simple CSS animations, and were told to display some of the more simpler animations. The button SVG was a sample that was provided with the assignment.
We were told to display an SVG graphic that we would need to create ourselves. I created the following wave art with Illustrator. It might look familiar.