Module 2: Web Design Resources

HTML5 Guides

W3schools

This site has a complete list of HTML5 tags. Originally created by a Norweigian company, Refsnes Data, in 1998, w3schools is a comprehensive web tutorial site. It contains guides for a wide variety of programming languages, including HTML, CSS, Javascript, SQL, PHP, and Bootstrap. The layout of the site makes it easy to navigate, while the visual design is pleasant and easy on the eyes, making it perfect for protracted viewing sessions. Moreover, it is a free resource, maintained by an online community which is accessible through a forum.

Accessed February 12, 2018

websitesetup.org/

This website offers a free, printer-friendly PDF of the HTML5 tags. This is an invaluable resource for a developer who doesn't want to continually switch between tabs while writing code. Founded in 2013 by Robert Mening, websitesetup.org is geared for new web developers looking to start a business site or blog.

Accessed February 12, 2018

CSS Guides

Codecademy

Codecademy.com is a perfect fit for people who like to learn by doing. Its interactive CSS tutorial is designed to help beginners by walking them through the basics of CSS syntax while letting them experiment as they go.

Accessed February 12, 2018

Tenon.io

Tenon.io is a free accessibility analysis tool that will audit any website for accessibility issues if you enter the domain into its search bar. This greatly simplifies the process of making a webpage universally usable, although it is no substitute for an in-depth analysis.

Accessed February 14, 2018

Color and Design Guides

Palleton

Paletton is a website dedicated to all things color. Its primary feature is a color palette generator that will easily create color schemes that follow color theory and look good.

Accessed February 14, 2018

Creative Bloq

In December 2016, the site Creative Bloq published an article featuring 28 examples of websites with outstanding visual design. This is a good resource for anyone looking to learn CSS on their own.

Accessed February 14, 2018

Free Stuff!!!

Google images

Ahh, Google, my old friend. Google images is a great source of convenient, easy-to-find pictures. Just remember to check the source to make sure you have permission to use it!

Accessed February 14, 2018

Pexels

Pexels is a website dedicated to sharing free images for personal and commercial use. Everything there is available free of charge under the Creative Commons license.

Accessed February 14, 2018