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

41–50 of 51 posts

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

#41

Post by manuel_w »

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…

Pretty cool, nice job!

And wouldn't it be semantically more correct to put the tag into the and turning the into a

aragraph? Since this is targeting beginners I'd think it's important to convey such fundamentals. But it might as well be that the HTML rules have changed since I left the game. It has been many years for me!

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

#42

Post by manuel_w »

braggerxyz wrote: post #34

In Germany we have Self HTML ( https://wiki.selfhtml.org/wiki/SELFHTML ) since 1995. I learned all the web dev basics with it as a 12 year old. It was the kickstart for my career, and 28 years later I can safely say I was successful. And it all started with that. Keep up the great work with such a guide, maybe you kickstart some careers with it!

Wow this is bringing back youth-hood memories. Great to see this page is still around. Thanks for bringing this up. SelfHTML has been an invaluable tool for my younger self.

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

#43

Post by mg »

croisillon wrote: post #38
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…

i use this: data:text/html, '+c.value+' '+j.value+' '"> textarea,iframe{width:100%;height:50%}body{margin:0}textarea{width:33.33%;font-size:18}

That is pretty nifty!

My problem with 'data:' urls is that I have never found a way to add them to the homescreen on Android.

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

#44

Post by [deleted] »

manuel_w wrote: post #41
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…

Pretty cool, nice job! And wouldn't it be semantically more correct to put the tag into the and turning the into a aragraph? Since this is targeting beginners I'd think it's important to convey such fundamentals. But it might as well be that the HTML rules have changed since I left the game. It has been many years for me!

[deleted]

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

#45

Post by Lanolderen »

greazy wrote: post #15

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.

As long as you keep the innovation boner in check it's fine tbh. I've noticed all of my problems in web come from trying to do sexy things. Stupid sexy things should be kept offline unless you sell stupid sexy things.

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

#47

Post by mg »

manuel_w wrote: post #41
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…

Pretty cool, nice job! And wouldn't it be semantically more correct to put the tag into the and turning the into a aragraph? Since this is targeting beginners I'd think it's important to convey such fundamentals. But it might as well be that the HTML rules have changed since I left the game. It has been many years for me!

I would say in the body is so widely used that one can call it "generally accepted". Google, Amazon, Wikipedia ... look at the source of any website, and you will see a lot of elements in the body.

The reason is that it often makes the structure of websites much more logical. Often you want to define a piece of content, its layout and behavior in one specific place, not spread out across multiple places. Then the best solution is to have a element right before the other DOM elements for that piece of content.

And for the html editor, it saves the user from thinking about one more element () which does not do anything that is visible to the user.

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

#50

Post by iLoveOncall »

zelphirkalt wrote: post #39
iLoveOncall wrote: post #36

Earlier quoted context omitted.

> This will also be more responsive than 95% of the websites out there. Except it's really not.

State your device, browser and resolution. For me it floats perfectly fine, as expected, because it is mostly text and uses the elements in the way they are meant to be used. I narrowed the browser (with the responsive mode toggled in inspector) window to something like 250px and it still showed everything nicely. Most websites break way before that width, making elements overlap and unreadable.

Chrome on an iPhone 13. The buttons at the top linking to different sections are a mess and the code is simply unreadable because of the indentation and the large characters.
Post reply on HN