Week 2

Introduction

Back to my box model concept. I was pretty familiar with HTML, CSS, and Javascript, so I followed Jo’s tutorial to recap my basics. But I wanted to explore more because CSS styling had some new updates after they introduced relative units.

Process

I started by exploring relative units, compared to px. There is more flexibility towards the responsiveness of the different screen sizes. Playing around with the padding, adding new fonts and exploring the new interface of Visual Studio.

I also wanted to explore more of the CSS animation, as back in the day I was stuck with greensock.js for my animations. So I decided to create a marquee, not perfect but it was fun to recreate it. It was pretty self-explanatory as I understood the codes, but I would like to know how to make it loop more. With minimal code nowadays, I create this simply by putting in the “section”. It was nice to refresh it.

• 
• 

Styling css is probably one of my favorite things to do, it's like painting on a canvas. Whatever you create, you can see it reflected in real life. Sometimes it's like opening a blind box, you never know what you get.

• Marquee
• Relative unit
• Scrolling css

Findings and Insights

This activity reminded me how much web development has evolved in just a few years. Features like relative units and scroll effects make styling way more flexible compared to when I first started. I also realized how much easier animations have become—what used to require plugins can now be done with just a few lines of CSS. It was fun playing around with the new updates, and honestly, it felt like revisiting an old hobby but with a fresh perspective.

Reflection

I think this activity reminded me of how ever-changing the programming language is, it's just been a short 5 years, and many things have changed, optimised and made easier for beginners to pick up. It was nostalgic because I remember how when I first started learning coding, I couldn’t even figure out what is inline, absolute, fix. But now, it feels like muscle memories. Even though, after I graduated I have yet to fully code a website in a long time it was reminiscing to do that again. I remember how it was so satisfying to just code something so simple. It was the reason why I fell in love with it in the first place. Even though, the process is frustrating, figuring out which “div” did I not do now I could probably spot it in mins. That was growth for me, I never saw it till today.

What I have learned

This activity reminded me how fast programming languages evolve. It’s only been about five years, but so much has changed—things have been optimised, simplified, and made more beginner-friendly.
It felt nostalgic for me. I remembered how, when I first started learning to code, I couldn’t even understand the difference between inline, absolute, or fixed. Now, it feels like muscle memory. Even though I haven’t built a full website in a long time, it was nice to revisit it.
What stood out to me the most was realising how much I’ve grown. I used to get stuck for hours just figuring out which div was broken—but now, I can spot it in minutes. That moment made me appreciate how far I’ve come.
It was also a good reminder of why I fell in love with coding in the first place. Even something simple can feel so satisfying when it works. Despite the frustration that sometimes comes with the process, the outcome is always worth it.