I am learning website development on my own by developing a website using HTML, CSS, and JavaScript. Currently there is no JavaScript used, as I am still developing and learning new things related to HTML and CSS. I am just at the beginning stage.

Actually, this is very interesting, as I am not learning a pre-designed textbook or YouTube videos. I am actively building a website and learning from it.

I already used HTML templates and Hugo and Zola, like static website generators. So writing code was never harder, but implementing features or arranging screen space is a big pain.

I know the site looks a lot uglier, but before it was more ugly and misaligned than this. At least I managed to make it like this.

Note:

The posts and contents on this website are converted from my Hugo site, which used Markdown format. The site link is provided at the footer, and the code is also on GitHub. The images are from Unsplash and Pixel sources.

you are viewing a single comment's thread
view the rest of the comments
[–] 4 points 16 hours ago (1 child)

Huh, I didn't know about the header, aside and main html tags for use within the body, I should use them on my own site.

One thing I would recommend is using smaller images for the sidebar links, the one for your "DNS The Internet phonebook" is 1.68mb, a whopping 5520x3673 image! Thumbnails don't need to be 4k resolution, 300x300 or similar ought to suffice

Btw, the link for DNS is redirecting to the Encryption piece

  • source
  • hideshow 2 child comments
  • [–] [S] 1 point 14 hours ago* (last edited 14 hours ago)

    I used 4k because in every screen, thumbnails look clear. I too noticed the website loads too slowly and will fix it by compressing the images. I will fix and recheck the links too. Thank you.

    Update: I compressed those images into smaller size.

  • source
  • parent