parallax

Yay Animations!

This week we got to dive into CSS animations, keyframing, and parallax! Half fun, half confusing. 🙂

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.

Week 12: Parallax, Sass, and the Final Project

The last two weeks we learned new skills such as Sass, animations, and Parallax, which I can see myself using in the future. I also had some time to think about my final project. I spent a lot of time reflecting on my own web design skills, what I have learned, and what I want to make to conclude the semester.

Revamping My Portal Page: Parallax, Big Kitties, and New CSS Tricks

“Meow”

This semester, I gave my portal page a much-needed upgrade. I have to say, it is been one of my favorite projects so far! I wanted the page to feel a little more alive and personal, so I brought in parallax scrolling effects, animated floating cats, and some playful, colorful backgrounds.

One of the biggest changes was adding a parallax background featuring a giant cat image that starts below the header and stretches down below my bio section. This added a really cool , making the page feel more dynamic without being overwhelming. I also used CSS animations to create floating kitties that drift across the screen, adding even more movement and personality.

Along with parallax, I used some modern CSS techniques like flexible layouts, colorful background shifts with keyframe animations, and subtle box shadows to give different sections some extra pop. Overall, this revamp made my portal page feel way more “me.” It’s fun, creative, and just the right amount of chaos thanks to all those giant kitties.

Parallax and Bootstrap in CSS

Week 12 of this semester focused on utilizing CSS parallax and Bootstrap. Both are valuable features that enhance website aesthetics and streamline the design process. I’ve discovered that parallax is particularly effective for storytelling and product presentation, as it adds a visually appealing element to the website. However, it’s crucial to exercise moderation, as excessive use can lead to monotony and repetition.

Sass, Parallax & Bootstrap oh my!

There has been lots of opportunity to learn in the last couple weeks.

AAD86 – Weeks 11 & 12

Similarly to past weeks, Weeks 11 and 12 were fun but challenging in their own ways! Week 11 was our introduction to Sass alongside getting the solutions to the Sacramento Writer’s and Zen Music Festival pages. Week 12 was simple and straightforward, and focused on our introduction to Parallax and the beginnings of our final project.

Impressions on Parallax

This week was quite interesting since we went more in-depth with a technique that I’ve been wanting to learn about.

Parallax: What is it?

Parallax- an interesting name for an interesting design tool! Using parallax in your designs allow for an engaging and interactive experience for users, causing an illusion and offering some great creative design opportunities. Here’s a fun guide of resources to help you explore this world!

When 2 or more layers are moving at different speeds in the same or opposite direction it creates a sort of gliding effect. This effect is known as parallax. There are many ways we can achieve the parallax effect using CSS.

Last Month, Still Lots to Learn

We are coming towards the end of the semester with this last month. Within these past two weeks, it felt slow in work, however we learned quite a bit of new techniques. We have been focused on positioning with flexbox that we are at the hurdle where these other CSS properties are starting to come in and to learn.

Pages: 12

Parallax Design features and be beginning of our Final

This week was really full. I appreciated learning about Parallax in tandem with our final project. I will be using Parallax on my final for sure. It’s exciting and nerve wracking to start thinking about our final!

personal growth

During the last two weeks, I realized that I reach the point that has some preference in my coding style. It is really amazing for me.

So.Much.Code

These last 2 weeks have been filled with so much code! Between learning SASS, Parallax and Bootstrap, it is a lot to wrap your head around! *Whew*

SCSS/Parallax/Bootstrap

These couple of weeks we have spent learning about SASS/SCSS, Parallax technique, and a little bit on Bootstrap. All three are very interesting and useful, probably Bootstrap is less useful among them, but still quite cool to learn about.

week 15 Parallax fun

parallax fun

We learned what and how to use Parallax in our websites. I really liked this lesson and I am trying to use it in my final. I found it pretty cool on how you can make the items have different distant in the web page. The whole lesson really made me stop and think about all the websites I’ve seen use this and made me want to explore using it.

Hey, Look What I Can Do!

These last few weeks, post-spring break, have been crazy… fun! It worries me a little because I’m wondering, “What the hell have I been doing the first half of the semester?”