Module 2.1: Resources


HTML5 Basics


GeeksforGeeks Logo

HTML5 Semantics
Author: GeeksforGeeks
Date Created: Unlisted
Date Referenced: 2/7/2026
This resource explains the semantics of HTML5 and how they help structure content. It clearly demonstrates the separation of content and presentation.



HTML Tools Logo

HTML5 Tutorial for Beginners
Author: HTML-Tools.net
Date Created: Unlisted
Date Referenced: 2/7/2026
This tutorial introduces basic HTML5 tags, formatting rules, and document structure. It is beginner-friendly and easy to follow.



CSS Basics


w3 Logo

W3 Schools: CSS Tutorial
Author: W3Schools
Date Created: Ongoing
Date Referenced: 2/7/2026
This site provides an interactive CSS reference with examples. It allows beginners to experiment and learn quickly.



CSS Tricks Logo

CSS Tricks
Author: Chris Coyier & contributors
Date Created: 2007
Date Referenced: 2/7/2026
CSS-Tricks offers resources like articles on layouts, responsive design, and modern CSS techniques. It's useful in expanding CSS knowledge beyond the basics.



nicepage Logo

CSS Templates
Author: Nicepage
Date Created: Unlisted
Date Referenced: 2/7/2026
This resource offers CSS templates that show how styles are applied to real websites and can help beginners understand layout and design structure.



CSS Zen Garden Logo

CSS Zen Garden
Author: Dave Shea
Date Created: 2003
Date Referenced: 2/7/2026
CSS Zen Garden was a great example introduced in class. I wanted to relist it here for easy reference. It shows how one HTML file can be styled in many different visual ways through CSS.



Color & Design for Web


Medium Logo

Understanding Color in Web Design
Author: Ibrahim Akolawole
Date Created: 2020
Date Referenced: 2/7/2026
This article explains how color affects usability, emotion and readability in web design. It introduces basic color theory concepts in the web design space.



Flux Logo

Ultimate Guide to Choosing Colors for Web Design
Author: Flux Academy
Date Created: Unlisted
Date Referenced: 2/7/2026
This guide provides practical advice for choosing accessible color palettes by connecting design theory to real-world web design projects.



Copyright-free Images


Pixabay Logo

Pixaby
Author: Pixaby
Date Created: 2010
Date Referenced: 2/7/2026
Pixabay offers free images and illustrations that can be used without attribution. It is suitable for non-commercial websites.



Unsplash Logo

Unsplash
Author: Unsplash
Date Created: 2013
Date Referenced: 2/7/2026
Unsplash provides high-quality photographs under a generous license. It is ideal for modern web design projects.



Canva Logo

Canva
Author: Canva
Date Created: 2013
Date Referenced: 2/7/2026
Canva provides an easy-to-use design platform with templates, graphics, and images. I chose this resource because it helps beginners create simple visuals and graphics for web projects.



Really Good Business Logo

Free Stock Photography
Author: Really Good Business Ideas
Date Created: Unlisted
Date Referenced: 2/7/2026
This page curates a list of websites that offer free stock photography. I included it because it helps users quickly find multiple copyright-free image sources in one place.



Back to Home