Hacker News new | past | comments | ask | show | jobs | submit login

I plan to dig in deeper, but this looks like a great introduction to building websites.

I teach a one semester high school Web Design class and currently use a mixture of lessons from these two for learning the basics of making pages by hand with HTML and CSS:

https://internetingishard.netlify.app/

https://www.washington.edu/accesscomputing/webd2/student/ind...

This looks very promising and could supplant or at the very least supplement those.




I have to say, for me, https://internetingishard.netlify.app has uncomfortably pale body text. It is #5d6063 on an #fdfdfe background where I sampled it. (The background is `linear-gradient(0deg,#f9fafb 0,#fff)`.) The serif typeface looks too thin on a low-res display.

https://paste.dbohdan.com/internetingishard.netlify.app.1728...

I think that if you want to lower the contrast of a dark-on-light page—well, first, don't lower it too much [1], but second, it is better to make the background darker than the text lighter. Avoid thin faded text.

Here is a minimal edit to the page:

https://paste.dbohdan.com/internetingishard.netlify.app-edit...

This is #333 on an #f9f9f9 background (without the gradient to simplify things and with no change to the headings). I find it more pleasant to read.

[1] https://contrastrebellion.com/


Check out Mozilla's tutorials, too.

https://developer.mozilla.org/en-US/docs/Learn/HTML




Join us for AI Startup School this June 16-17 in San Francisco!

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: