this post was submitted on 03 Sep 2026
36 points (100.0% liked)

Learn Programming

2231 readers
3 users here now

Posting Etiquette

  1. Ask the main part of your question in the title. This should be concise but informative.

  2. Provide everything up front. Don't make people fish for more details in the comments. Provide background information and examples.

  3. Be present for follow up questions. Don't ask for help and run away. Stick around to answer questions and provide more details.

  4. Ask about the problem you're trying to solve. Don't focus too much on debugging your exact solution, as you may be going down the wrong path. Include as much information as you can about what you ultimately are trying to achieve. See more on this here: https://xyproblem.info/

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 3 years ago
MODERATORS
Ategon@programming.dev
JaumeI@programming.dev
bugsmith@programming.dev
36
Trying to learn website development by developing my own from scratch. (habitant5830.github.io)
submitted 3 days ago* (last edited 3 days ago) by Crumpled6273@lemmy.ca to c/learn_programming@programming.dev
24 comments fedilink hide all child comments
 

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
[–] one_old_coder@piefed.social 2 points 3 days ago (2 children)

Can you please tell me, did you visit the website via a mobile or desktop browser?

LibreWolf on Linux Mint (desktop), and Chrome (eww) on GrapheneOS (mobile).

And you have nice and specific commits too which is good (each commit having one purpose, etc.)

[–] Crumpled6273@lemmy.ca 1 points 2 days ago* (last edited 2 days ago) (1 children)

As you suggested, i removed the images on sidebar, then updated its container size, margin and padding values. Posts overview page now shows 6 posts at a time. Thumbnails look smaller.

Because i removed the global margin value for , posts and about section requires modification with specific classes. I will do it when i have more free time.

Thanks for the suggestions.

[–] one_old_coder@piefed.social 1 points 2 days ago (1 children)

Nice. If you realllllly have time to waste, I do wonder why your blog doesn't have a RSS and/or Atom feed that I can put in my RSS reader?

But it's not mandatory, I'm nitpicking and it may be too hard to do (to be honest, I don't know how to do that either).

[–] Crumpled6273@lemmy.ca 1 points 2 days ago

Yes. For now, it would be too hard for me. But i will do it once i learn more.