[home][details][policies][calendar][projects][links]

English 318: Links

Handouts

• Copyright / Creative Commons
• CSS template (forthcoming)
• Design choices
• HTML template
• Mockups
• MLA Style
• Modes
• OneDrive
• Projects
  • Twine (forthcoming)
  • Project 1: Website
  • Project 2: Video Literacy Narrative
  • Project 3: Professional Site
  • Project 4: Informational Campaign
• Rhetoric
• Setting up your work environment
• Software suggestions
• Storyboards
• Troubleshooting
• Video: some interesting things that videos can do
• Vimeo Video School

Color Scheme Tools

"10 Best Tools and Tips for Choosing a Website Color Scheme"(Design Shack):

1. Adobe Color: Advanced users
2. Coolors: Beginning users
3. Colormind: Web and user-interface designers
4. Material Color Tool: User-interface designers
5. Color Safe: Beginning users
6. Paletton: Advanced users
7. Colordot: Beginning users
8. Colourcode: Beginning users
9. Palettr: Beginning users
10. Material Design Palette: Beginning users

HTML and CSS Tutorials from Mozilla Developer Network

• Getting started with the Web: "a concise series introducing you to the practicalities of web development. You'll set up the tools you need to construct a simple webpage and publish your own simple code."
  • Easy: HTML basics
  • Intermediate: Introduction to HTML
  • Intermediate: Document and website structure
  • Intermediate: Using HTML sections and outlines
  • Intermediate: HTML Tables
  • Easy: CSS basics
  • Intermediate: Introduction to the CSS box model
  • Intermediate: Styling boxes
  • Advanced: CSS Layout

Typography

• "Back to Basics: Beautiful Typography in Web Design" (Design Shack)
• "10 Rules for Perfect Type Design, Every Time" (Design Shack)
• "7 Tips for Creating a Website Header That Wows" (Design Shack)
• "5 Tips for Creating a Memorable Logo Design" (Design Shack)
• "Tips for Using Contrast to Enhance Readability" (Design Shack)
• "On Web Typography" (A List Apart)
• "Font pairings: 20 perfect examples" (Creative Bloq)
• "How To Choose A Typeface" (Smashing Magazine)

[home][details][policies][calendar][projects][links]