DEV Community

Angela Silva
Angela Silva

Posted on

Day 1, #100DaysOfCode (1/100)

(May, 01)

Today, I started the #100DaysOfCode challenge, where I will be sharing my progress in this post.

My main goal is to create my portfolio, a project that has been on my to-do list like fo-re-ver! (Actually, for the past five months. I am an intense and dramatic person, and I apologize for that).

To begin the project, I decided to create the skeleton of my portfolio using HTML5, CSS3 and, of course, a little bit of design, which is challenging for me, even though I enjoy front-end development. Thank God I’m a non-practicing perfectionist because despite judging my work a lot, I still do it, no matter if I’m not completely happy with it.

I believe that my website will look very different by the end of the 100th day, but the important thing is to start and improve as time goes on.

Talking a little bit about the tecnologies that I used

HTML5

I believe that HTML5 has no secrets, as it’s all about applying the tags in the best way possible. I am trying to be smart on this subject, considering the importance of tags and their meanings for SEO.

Here are some of the best practices I am following (probably, as time goes on, I’m going to add some other best practices):

  • I am not using more than one H1 tag, as it is essential that a page has only one H1 tag, which search engines consider as the page’s title.
  • I am not using too many H2 and H3 tags, but I will follow the basic structure of using H2 for sections and H3 for subsections.
  • I am always using alt text for my images, as it is crucial for web accessibility.
  • I am trying to use tags with meaning, such as: header, for the top part of my document; nav, for the menu, which is on the header; main, for the main section (for now, I am not using other tags as I have only created the skeleton of my site. As the project progresses, I may use other tags); footer: for the bottom part of my document.

CSS3

I do not have much to say about CSS, but for now, I am using only flexbox for the structure of my website. I enjoy working with flexbox, and I am comfortable using it. I may also use grid layout in my portfolio projects, but for my website, I plan to stick with flexbox, unless I feel it necessary to change.

That’s all for today!

PS: I have not decided whether to publish my progress daily or weekly, so I may see you tomorrow or next week. Bye-bye.

Top comments (1)

Collapse
 
amera profile image
Amera White

Good job making a step forward in your journey. Keep going 😊