Sass, Scroll Effects, Animation & Finals

The last two weeks have taught me a multitude of useful skills that I hope to use throughout my web dev journey.

Sass, a CSS processor, is a less than useful tool used for introducing many creature comforts that are now native to the CSS language. Things like nesting and variables are now available in the latest version of CSS, although they would be worthy additions in the long ago.

Now, the main feature introduced by Sass is the ability to create single-line comments using // . Is this single feature worth all the effort of using a CSS processor? Personally, I prefer to make my comments in VSC with CTRL + / . However, having a cursory understanding of a CSS processor can be useful in a future job interview, so it was not for nothing.

Parallax, a group of scroll effects, is a fun and easy way to make a finished site look more polished . Further, CSS animations can take your site a step further and more interactable by animating almost any CSS property. Transforms can preserve the positions of other elements, while transitions can cause interactions between the animated element and its neighbors. I hope to use each of these in my future projects to help my sites appear more professional.

Lastly, for the final I have chosen option 2, and I have decided to create a portfolio site. Since the assignment requires 4-5 distinct pages, I will aim for creating one main page that seamlessly flows and animates between sections, with separate pages showcasing different projects.

This week I can see the semester starting to wrap up. I’m looking forward to finishing the last few small assignments, working on my portfolio page, and finishing the semester out strong!

Cheers, and happy coding,
Alex

Leave a Reply

Your email address will not be published. Required fields are marked *