Assignment 2.1: Resource Page

Prospective students of website design can find a list of resources below:

HTML5


Photograph of a dark computer screen with code on it.
HTML Tags List: HTML Cheat Sheet

This is a great resource because it provides a list of all the HTML5 tags and what they do.
It was published by a company called Semrush, which is a company that provides SEO services, and written by Erika Varagouli.
I found it on 2/10/2023 and last updated it on 2/12/2023.


3D red HTML tags on a light purple background.
Learn HTML: Introduction to Text Fundamentals

This list reviews HTML fundamentals for creating content structure in HTML while keeping the user in mind. It was published by Mozilla Developers Network and written by Chris Mills. I found it on 2/10/2023.

CSS


Photograph of a stack of two books on CSS, set on a white table. A cell phone sits on top of the books.
CSS Tips and Tricks You Must Know

This article highlights 10 CSS tips and tricks that are useful for beginners. It was published by Make Use Of (MUO).com, and written by Yuvraj Chandra. This link in particular is helpful because it shows examples of the code to create the advanced effect, not just the description of the effect and the tag to use. Resource found on 2/10/2023.


Photograph of pink box sign in grass. The sign has a white person-in-a-wheelchair-logo and the words 'Step Free Route' with an arrow pointing right.
Writing CSS with Accessibility in Mind

This article explains the interaction between CSS and accessibility tools users have when trying to use websites, and explains how to begin your CSS with accessibility and the user experience at the forefront of your design. It was written by Manuel Matuzovic and published on 9/18/2017. It has not been updated since then. I found it on 2/10/2023.


Lightbulb on a white background with a blue background. The lightbulb has a yellow light coming out of it.
New CSS Features 2022

This article was published just last year on 3/1/2022. Written by Michelle Barker for Smashing Magazine, it hasn't been updated since it was published. It explains the new CSS features that are coming out in 2022 that may not be in other guides for CSS. Found on 2/10/2023.

>

Color and Design


A variety of bright paint color swatches held in hand.
Coolers Random Color Generator

This tool, Coolers.Co, provides randomly generated color pallettes with color codes. Just select a color palette and select the rgb color code to add the color to your CSS stylesheet. It was written by Coolers.Co.
I found it on 2/10/2023.


A hand sketches the design of a website on a piece of paper.
Design Principles for Developers: Processes and CSS Tips for Better Web Design

This article reviews three basic design principles in CSS and how they affect the usability of a potential website. Very helpful for developers just starting out with CSS, because it explains the connections between how humans perceive information and the design itself. Written by Andrew Spencer on 8/8/2019, it was updated on 9/16/2019. I found it on 2/10/2023.

No copyright? No problem!

Red and white camera line art.
OpenClipArt.org

OpenClipArt.org is a great resource for finding free images for your website. It is a community of artists who have created images that are free to use for non-commercial purposes. Search whatever you like! I found it on 2/10/2023.


Photograph of a black metal water bottle sitting in the middle of a road. The water bottle has a sticker that says 'unsplash' above a sticker of a camera.

Unsplash.com

Unsplash.com is another great resource for finding free images for your website. It is a community of photographers who have created images that are free to use for non-commercial purposes. Search whatever you like! I found it on 2/10/2023.