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.

Continue reading “Week 12: Parallax, Sass, and the Final Project”

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.

HTML, errors, and and lessons…

The first two weeks of the semester have been a whirlwind of learning. From mastering HTML validation to understanding the importance of clean code, I’ve gained valuable insights into the world of web design. Here’s a look at what I’ve discovered so far.

In the first two weeks of the semester, I’ve already picked up a lot of valuable lessons. One of the most important things I’ve realized is how essential it is to pay attention to the smallest details in web design. Learning about HTML validation was a key takeaway for me. I discovered how important it is to ensure that your code is error-free. The HTML validator website has been a game-changer. It allows me to check my code for mistakes and make sure everything is structured properly before going live. This tool has helped me understand that even small coding errors can affect how a website functions, and using a validator ensures that my work meets the highest standards.

Another significant lesson has been understanding the different aspects of web design, from layout to content placement, and how each decision impacts the user experience. I’ve also started to see how critical it is to plan and organize everything from the start, as it makes the process much smoother in the long run. These first two weeks have been a great introduction, and I’m eager to continue learning and applying what I’ve learned as the semester goes on.

Beginning to Wrap Things Up

I am now in the homestretch of my associates’ degree, and it feels nice to finally be done with my general ed requirements. Coming back from winter break to write html from scratch was indeed humbling, but I feel like I’ve gotten back into the swing of things quickly.

Continue reading “Beginning to Wrap Things Up”

How Do I Code Again?

Jumping back into HTML after a month of not using it has been humbling to say the least. While I remember most of the tags that I used in my Introduction to Web Design class, I’m realizing how much I’ve already forgotten in such a short amount of time. On top of that, I’m also starting to realize how much I don’t know about coding in general.

Continue reading “How Do I Code Again?”

A Quick Tour of Week 2

Week 2 of my AAD0086 class has been a nice warm-up of what’s to come. I appreciate the reintroduction to HTML through our future resume project, which was harder than I thought it would be given I’d just finished 0085 last semester. My first post is a reflection of what I’ve learned so far and what I’m looking forward to in this class.

Continue reading “A Quick Tour of Week 2”

From Learning to Experimentation

abstract art

I can best describe coding as a love/hate relationship for me. I love the details. I hate the details. I resist it because I become laser focused and I can’t step away. But I get to say that it’s such a great feeling to be in this class this semester.

Continue reading “From Learning to Experimentation”

Final proposal

As the class is coming to an end the final project for the class, I’m working on right now were going to be developing our own website to a target audience and my audience will be anyone who is interest in the fantasy of the comic book world to see and understand some interesting and some non-interesting characters from the Marvel and DC universe’s. I’m excited to find and create the research for this project it’s something I’m interested in and also watched and read all the movies and comic books.

ADDING MEDIA QUERIES

This week were learning how to put our websites to fit into mobile devices, tablet, desktop, anything to show to it will look on the screen whether its straight, vertical, and horizontal.

This is the code in adding media queries for websites @media only screen and (min-width:700px){ } then input where it says “700px” and put the size of the website you want people to be viewing and add different styles for each viewing for if its a mobile devices, tablet, or a desktop.

CSS Media Queries for Beginners: Breakpoints, Max-Width, Min-Width, and More – YouTube I was referred to watch this video to get use to media queries and how to properly use them.