The Water is Freezing Cold.

So you know that thing where I said its better to just jump into a cold pool? Well, it's definitely cold. The class has made coding an even bigger question mark than it was before, I had no idea that would be possible. Nonetheless, I'm still excited to learn, even though I want to rip my hair out 50% of the time.

Describe one thing you learned in class today.

I think the most important thing I learned today is the importance of using a wireframe. Before I would go ham, like straight into the dirt, on my HTML and make the page as I go. I never had something to look at a reference before I just created stuff from my mind, which made it to where I never really thought about the concept.

Wireframing is basically laying out the framework of the webpage before starting work on it. I could either use a program to create wireframes for me (I would just move things around as I please) or I can just sketch it out with pencil and paper. I prefer the pencil and paper method since I tend to remember things I write down more and that makes it to where I'm not checking my wireframe as much during my work. Starting with wireframing when creating a new page has definitely saved me time on my projects.

Describe 2 (your choice) pseudo-selectors and discuss what they are used for.

So I love most of the pseudo-selectors because I like to add “animation” or some type of “movement” to my webpages (even though I'm not that good at it yet). Sadly I'm not that familiar with many yet so I don't have many “go-tos” but one pseudo-selector, or pseudo-class, would be Hover. It gives you the ability to add a “hover” ability to different elements on your page.

Say you have a resume page, I put a pseudo-selector of Hover on the person name. Now when you hover over their name it can be made to do multiple things. I personally like to make things change color when I hover over them or make them get bigger for “dramatic effect”.

What are some of the “gotchas”/epiphanies you’ve had for writing efficient CSS?

Honestly, the biggest epiphany I've had with CSS right now would be anything flex-box. We were told to practice flex-box on CSS using a little online game called “flex froggy” and oh my god I can't even explain how stressed that made me.

For some reason, nothing was making sense and I had no idea how to move the little dudes. Justify-content and align-items was a constant mix up so I needed to figure out a way to remember how to use them. My solution? “Align” or A LINE. So now when I think align-items I remember that it will be moving my content up and down on my imaginary line. Justify? My mind wanders to religion for some reason on this one, but if it works it works. I think of a cross or + when putting in justify-items, and that cross is CROSSING over that LINE. So when using justify-items I know that my items will be moving side to side across that “line”.

It may not make sense to others, but it makes sense to me.

Being a dancer I am a super visual learner and constantly have to move around when learning new materials or trying to remember terms. Connecting flex-box and other movement elements in CSS to some sort of movement in my body are helping me tremendously.

Hopefully, I don’t lose too much of my hair tomorrow.