What are some simple HTML and CSS sites to show my students

Web Development Tools
21

There is nothing like deploying a hello world website. It is simple and lets you focus on the basics of web development. You can even deploy it for cheap. Many domain names are just a dollar, and you can host your files in Google Drive. When students see they have deployed something in the real world, it motivates them to learn more

22

@Avery
I only have an hour to cover body and head tags since they are just 8th graders. If I had more time, I would definitely cover more CSS, but the school system requires us to use notepad. Thanks for the resources

23

@Briley
I wouldn’t even mention head and body. Focus only on the fun stuff and skip the boring technical details

24
25

Following this thread

26

512kb.club and 250kb.club have many simple but nice websites

27

Remind me in 24 hours

28

Ocean said:
Remind me in 24 hours

I’ll message you in one day to remind you about this link https://www.reddit.com/r/webdev/comments/1i2ok9q/simple_html_css_websites_to_show_my_students/m7lklmf/?context=3

29

https://www.spacejam.com/1996/

30

Wylie said:
Space Jam

Blast from the past, thanks for sharing

31

nocss.club looks simple for class. Here’s Dennis Ritchie’s site Dennis Ritchie Home Page

32

Marlow said:
nocss.club looks simple for class. Here’s Dennis Ritchie’s site Dennis Ritchie Home Page

R.I.P. Dennis. Thank you for sharing the site

33

Look at this: Eleventy is a simpler static site generator

Many of those use just HTML and CSS, and sometimes a bit of JS as an improvement

34

Amal said:
Look at this: Eleventy is a simpler static site generator

Many of those use just HTML and CSS, and sometimes a bit of JS as an improvement

Thank you for this suggestion

35

Have you checked out https://universalinterfaces.com? The site is built with HTML, CSS, and JS using the tool itself. It might be a good fit for this

36

Quinlan said:
Have you checked out https://universalinterfaces.com? The site is built with HTML, CSS, and JS using the tool itself. It might be a good fit for this

Thanks for the suggestion

37

First things first: define cool and simple for an HTML and CSS website

Cool means different things to different people

Many simple ones exist. If you’re interested in modularity, reusability, and components, then CSS Zen Garden is a great place to look. It has many ‘cool, simple, complicated, great… websites made just with HTML/CSS plus basic JS’.

If you take away a modern front-end framework from a website, you are left with only HTML, CSS, and some JS. HTML gives you the structure and meaning, while CSS adds extra features