Posts

Showing posts from June, 2023
  Week 5:  Helpful Information 5 Principles of Visual Design in UX:   5 Principles of Visual Design in UX (nngroup.com) Common Fonts:   Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks (ampsoft.net) Readability Test:   Readability Test - WebFX Mobile Web Best Practices:   W3C Mobile Web Best Practices (MWBP) Flipcards Website Design Best Practices Checklist:   Web Design Best Practices Checklist (terrymorris.net) Color Blender:  Color Blender (meyerweb.com)    
  Week 4:  Helpful Information HTML Images and Visual Elements the Basics:   HTML Images and Visual Elements the Basics - YouTube W3Schools.com CSS tutorial:   CSS Tutorial (w3schools.com) W3Schools.com HTML Tutorial:   HTML Images (w3schools.com) Accessibility Fundamentals with Rob Dodson:   Accessibility Fundamentals with Rob Dodson - YouTube  
  Week 3:   Style sheets are composed of style rules that describe the styling to be applied. Each rule has two parts: a selector and a declaration : CSS Style Rule Selector The selector can be an HTML element name, a class name, or an id name. In this section, we will focus on applying styles to element name selectors. We will work with class selectors and id selectors later in this chapter. CSS Style Rule Declaration The declaration indicates the CSS property you are ­setting (such as color) and the value you are assigning to the property.   CSS Zen Garden: The Beauty of CSS Design Web Safe Color Chart:   Web Development & Design Foundations with HTML5, 8th Edition (webdevfoundations.net) CSS Validation Tool:   The W3C CSS Validation Service Color Psychology:   Color Meanings and Moods (infoplease.com) Meaning of Colors:   Meaning of Colors in Color Psychology (empower-yourself-with-color-psychology.com) Web Designers:...
 Week 2:   A wireframe is the first step in website design.  Getting the design down and ideas to other people.   Helpful link:   Website Wireframe Beginner's Guide: Processes, Tools, & Examples (hubspot.com) Web Page Template: <!DOCTYPE html> <html lang="en"> <head> <title>Page Title Goes Here</title> <meta charset="utf-8"> </head> <body> ... body text and more HTML tags go here ... </body> </html> W3C HTML Validation Tool:   The W3C Markup Validation Service   HTML Cheat Sheet:   HTML5-Cheat-Sheet.pdf (johndecember.com) Tutorial:   HTML5 Tutorial (tutorialspoint.com) YouTube Tutorials:   HTML5 Tutorials Playlist - YouTube  
  Week 1:  Helpful Websites Text Website:   Web Development & Design Foundations with HTML (webdevfoundations.net) Root Domains:   Root ZoneDatabase (iana.org) HTML:   HTMLStandard (whatwg.org)