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)
Posts
Showing posts from June, 2023
- Get link
- X
- Other Apps
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
- Get link
- X
- Other Apps
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:...
- Get link
- X
- Other Apps
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