Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Make Your Own Website: A beginner's guide

web.pixelshannon.com

Post reply on HN
Print view View original

11–20 of 51 posts

Re: Make Your Own Website: A beginner's guide

#11

Post by abetusk »

Jesus, what a refreshing site. People are so terrified of getting their hands dirty with HTML that they've forgotten how straight forward it is.

Abstractions, frameworks, static site builders, etc. are all great but we shouldn't shy away from understanding the basics.

Re: Make Your Own Website: A beginner's guide

#14

Post by ahoef »

Dementor430 wrote: post #9

Please just use: - https://techdevguide.withgoogle.com/ - https://www.freecodecamp.org/ - https://developer.mozilla.org/en-US/

You point to some very dense documentation sites. I am glad I didn't have to wade through those when I was a kid. This is the sort of site you can navigate when you know you have something to look up, most often not when you start out.

Re: Make Your Own Website: A beginner's guide

#15

Post by greazy »

Creating a website is the easy bit. The publishing and continually updates, even for a basic website, that's the bit that will make you stop and give up.

I think this is why wordpress or drupal services are multimillion dollar companies.

The web is hard.

My experience as someone who programs but was never formally trained even if my job requires the skill set.

Re: Make Your Own Website: A beginner's guide

#16

Post by mg »

I made this html editor with instant preview and it turned out useful when I show friends how make their very first html page:

https://no-gravity.github.io/html_editor/

Originally, I made it for myself. To quickly do HTML/CSS/JS experiments. And I still use it for that use case.

Often when I show it to non-developer friends, I can see how they light up to coding for the first time. I think it is because it is so accessible. No signup, no setup, no long page load. Everything is instant, and they see each change the moment they type it.

Re: Make Your Own Website: A beginner's guide

#17

Post by xp84 »

mg wrote: post #16

I made this html editor with instant preview and it turned out useful when I show friends how make their very first html page: https://no-gravity.github.io/html_editor/ Originally, I made it for myself. To quickly do HTML/CSS/JS experiments. And I still use it for that use case. Often when I show it to non-developer friends, I can see how they light up to coding for the first time. I think it is because it is so acce…

Oh, this thing is perfect. Thank you.

Re: Make Your Own Website: A beginner's guide

#18

Post by egeozcan »

This is amazing! However, for the 99% of the non-developer people in my circle who started this journey, it goes on like this: Learn basics of HTML & CSS, start creating stuff on some free host, "oh my deity, this is too much to handle" moment comes, they create a wordpress blog, something in it gets broken after a year or two, they ask for help from a developer friend or give up.

For the developers, we are busy writing our own static site generators and blogging about it (which is a lot of fun too!)

Re: Make Your Own Website: A beginner's guide

#19

Post by egeozcan »

mg wrote: post #16

I made this html editor with instant preview and it turned out useful when I show friends how make their very first html page: https://no-gravity.github.io/html_editor/ Originally, I made it for myself. To quickly do HTML/CSS/JS experiments. And I still use it for that use case. Often when I show it to non-developer friends, I can see how they light up to coding for the first time. I think it is because it is so acce…

This is great, but maybe you can add a sandbox to that iframe you use for displaying? Nothing to do with security, just that people copy pasting snippets can actually lock the page up with broken scripts. I speak from experience :)

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/if...

Post reply on HN