dev-2024-05-11

2024-05-11 | 07:56:20 PM

Adding a value atrribute to an option element is important.

Such is the case because the value attribute is an integral information that is to be sent to a server.

2024-05-11 | 08:17:06 PM

The label element and the input element

A label element has to be wrapped around an input element, as those two elements are usually correlated to each other. This correlation is usually done through an id attribute, and a for attribute.

Here’s an example:

<label for="placeholder-text">Lorem ipsum dolor sit amet.><input type="text" id="placeholder-text"/></label>

AYO WTF, it’s Ian from 2024-05-11 | 08:20:56 PM — I just coded something accidentally because I forgot to add the code block syntax LOL 😅:

How the code turned out to be in Obsidian's view mode:

How the code is without the code block syntax, or the backticks:

2024-05-11 | 08:31:59 PM

I gotta say, solving something that has a lot of steps involved in one try has got to be one of the best feelings one would ever get from coding. I know this isn’t a particularly complicated problem, but for a beginner like me, it feels really nice to solve it in one shot:

I would say writing the context that I just wrote for the for and id attributes helped a lot.

Anotha one! The challenge is getting a little bit on the level of my liking already, where I get to contextualize the code on my own, rather than fCC babysitting me all throughout:

I’m on a streak right now! I’m loving it:

I’ve been noticing that whenever I need to center something, I always get the instruction of making the margin attribute 0 auto. I wonder why!

2024-05-11 | 08:53:02 PM

Selecting the last element of a specific type:

We can select the last element of a specific type using the CSS pseudo-class last-of-type. This pseudo-class is to be appended into an existing CSS selector, like so:

p:last-of-type, where p is the element type from which we are selecting. After selecting, we can move forward to specifying CSS attributes for the entire selector.

2024-05-11 | 09:53:26 PM

I just finished fCC’s Learn HTML Forms by Building a Registration Form. Here’s the proof:

Not-so-fun fact:

I actually had to re-do at least 15 of them because fCC was tripping and for some reason it thought I hadn’t finished some parts of the lesson despite having already finished the project. It was quite annoying but I had to go through that just so I can put the proof of my completion here. 😓