Day 4: New HTML elements

Continuing where I left off

I didn't finish the video yesterday. The lessons are getting tougher and I need to pause the video to figure out how to make the changes being discussed. But that's OK. I'm still learning.

Anyway, I picked up the video at 8:15 minutes in. I'm still building the shop/store page of my site.

Input elements

I want to allow users to input the number of each item they want to buy. I used <input type="number"> to create my number input, and then added a value property to prepopulate the input with 1.

<input type="number" value="1">

Basic web development

I'm developing (pardon the pun) my ideas over what web development is. Building the page in HTML first has been really easy so far. And with just a few HTML elements, I've managed to add all the elements to my website.

I'm getting the really strong idea that to build a website, I must first start with designs - perhaps drawn first on Photoshop or a design platform like Figma. Seeing my role as UX designer through a developers eyes, I can start to appreciate the sort of information I can provide to developers need.

My website is very much simplified compared with my work website, but I can now appreciate that providing developers with a clear idea of the sorts of elements I'd like on a webpage will be really helpful to them.

Other stuff I learned

• <hr> tags take up all the space they're added to. If you want to underline only part of a page, you have to do this with the CSS.