Let's Unpack This!

Posted In: Reflective posts

Cascading Style Sheet, commonly referred to as CSS, is a simple design language users can use to make web pages presentable.

By using CSS, users can:

  • Control the color of the text
  • Style of fonts
  • Spacing between paragraphs
  • How columns are sized and laid out
  • What background images or colors are used
  • Layout designs
  • Variations in the display for different devices and screen sizes 
  • And more! 

For this week’s activity, I styled my navigation menu to be on the left side right under my title, Let’s Unpack This!. My navigation menu includes headers like Home, About Me, Categories, and Tracery Story. For my categories display, I have Activity posts & Reflective posts. This helps to sort and group my blog posts into different sections. Categories help visitors quickly know what topics your website is about and allows them to navigate your site faster.

Let’s look at the popular website Amazon for example. When you enter the website, it is automatically set on All (meaning All departments) with a down arrow next to it. Once you click the box All, it will drop down a long, alphabetical list of different categories ranging from Audible Books & Originals to Garden & Outdoor to Video Games and more. I like this feature because when I don’t already know what I need to buy, I will browse, and I found the easiest way is by picking a category.

Recently from watching a TikTok, I discovered Amazon Outlet. You click Amazon Warehouse, then Outlet, and bam! 30 more categories to pick from all with great deals. I like Amazon Outlet because you can shop online deals and find low prices on markdowns and overstocks. Totally worth checking out!

Using Developer Tools to Edit CSS Live was super cool, and I’m surprised at myself for not knowing about it sooner. I learned about the inspect tool years ago, but I didn’t realize you can change stuff. During the summer, I stumbled upon a TikTok video by creator @hoppuman, where he teaches how to edit tweets for a meme. To start, he went on Twitter, searched up Donald Trump’s page, and found a tweet to change. He right-clicked on the tweet, then clicked on inspect, and then clicked on the down arrow by <span class = where he could see the text and swap it with his own.

I was reading through the comments and I found two funny ones that I would like to share:

“I’ve done this with my grades on PowerSchool to show my teachers and parents that I’m not failing”

“I did this on the Best Buy page to convince my dad that the new MSI laptop isn’t a gaming computer and is the most recommended for college”

But just like Dr. Pilsch said, if you refresh the page, the changes will disappear. And sadly, it only changes for you and not anyone else. But hey, why not have fun! Create some funny memes! And post it on social media!