Resources for Students

Web Design Resources

• Figma (use for prototyping and interaction design)
• Cool Backgrounds
• Transparent Textures
• The 10 Commandments of Good Form Design on the Web
• Laws of UX
• 7 Rules for Creating Gorgeous UI Design

Accessibility Resources

• WAI-ARIA Roles Cheat Sheet
• a11y 101
• Web Accessibility Initiative

Semantic HTML Resources

• Semantic HTML Tags
• CanIUse? (which properties and tags work in which browsers?)
• CanIUse? (which properties and tags work in which browsers?)

CSS Resources

• CSS Reset
• Dan's Tools (includes hex color listing, code formatters, etc.)
• CSS Gradient Generator
• Responsive Grids and How To Actually Use Them

Web Projects - Student

For GIT215:

• Case Study Chapter 2
• Case Study Chapter 3
• Case Study Chapter 4
• Case Study Chapter 6
• Case Study Chapter 7
• Case Study Chapter 8
• Case Study Chapter 9
• Final Project

For GIT215 as UGTA:

• Assignment Chapter 2
• Assignment Chapter 3
• Assignment Chapter 4
• Assignment Chapter 6
• Assignment Chapter 7

For GIT237:

• Wedding Invite (Typography)
• Final Mockup
• Transitions/Transforms/Animation Activity

For GIT414:

• Responsive Web Site - The Happy Cupcake

For GIT417:

• Change Calculator
• Final Project - 2018

For GIT418:

• DULL Website (made for JS project, not fully functional)

For GIT480:

• Redesign of DULL Site based on another student's UX research project

At PetSmart

• Sample of Hero Images at Different Resolutions
• Web Page Displaying the PetSmart New Styles Guide Styles for The Website

For SER315:

• Example UI for Final Project
• Lower-Fidelity UI for Final Project

Web Projects - Instructor/Employee

At Barrett, The Honors College

• Barrett, The Honors College "Did You Know?" example
• Comparison of Old/New Styles Guides at PetSmart

For The DULL

• The DULL Website