Weekly Assignment

Find two sites that you like (visuals, functionality, etc.) and be prepared to talk about each site on 9/16.

Weekly Reading

• Interactive Guide to Blog Typography
• Tips for young designers/developers
• The Era of Flat Design is Not a Trend. It’s Another Step Forward.
• A brief history of web design for designers

Weekly Assignment

Create at least 3 sketched layout variations for your portfolio homepage and work page. Be prepared to explain in a critique next week.

• Must include Logo and some type of navigation
• If you plan on creating a single page, or scrolling site, you must still have a dedicated page for each project
• Example
• Grid PSD (Can use as a sketching template if needed)

Weekly Reading

• Principles of User Interface Design
• Iterative Sketching
• Sketching For Better Mobile Experiences
• Codrops

Weekly Assignment

• Continue to refine your sketches to prepare for creating wireframes next class.
• Begin working on logo options (2-3 options)
  • Can be your name, your company name, initials, iconography, etc.
  • Focus on just B&W for now.

Weekly Reading

• Basics of Photoshop: Designing a Website
• Photoshop Etiquette
• HTML Overview Video (3:36)

Weekly Assignment

• Continue to refine your logos based on feedback and begin adding color and finalizing
  • Choose colors that will ultimately be used throughout your portfolio site
• Finalize your sketches/wireframes in preparation for moving onto aesthetics next week
• Begin Codecademy Web Fundamentals Lesson
  • Focus only on Introduction to HTML (HTML Basics I & Build Your Own Webpage)

Weekly Assignment

• If necessary, continue to finalize your logos
• Begin designing your portfolio website
  • Start with your header and navigation
  • Download Grid PSD
• Continue Codecademy Web Fundamentals
  • Focus only on HTML Structure: Using Lists (HTML Basics II & Social Networking Profile)

Weekly Assignment

• Continue designing your portfolio website
  • We will have our first critique of progress next week
• Continue Codecademy Web Fundamentals
  • Focus on Introduction to CSS (CSS: An Overview & Designing a Button for Your Website)
  • HTML Structure: Tables, Divs, and Spans is optional but highly recommended

Weekly Reading

• Don't Fear Specificity (7:22)

Weekly Assignment

• Continue designing your portfolio website
• Continue Codecademy Web Fundamentals
  • Focus on CSS Classes and IDs (CSS Selectors & Sorting Your Friends)

Weekly Reading

• The Difference Between “Block” and “Inline”
• CSS Tutorials (Beginner & Intermediate — Advanced is Optional but suggested)
• Don't Fear the Browser (3:43)

Weekly Assignment

• Continue designing your portfolio website
• Finish Codecademy Web Fundamentals
  • Focus only on CSS Element Positioning (CSS Positioning & Build a Resume)

Weekly Assignment

• Begin Assignment #1 (Due 11/11)
  • Recreate a coffeeshop homepage using HTML & external CSS stylesheets
  • Grading Breakdown: 65% (Visual similarity to PSD design) / 35% (Code quality and file structure)
  • Download Outpost PSD
  • Download Assets
• Continue designing your portfolio website

Weekly Assignment

• Continue Assignment #1 (Due Wednesday 11/11)
  • Email me a link to your GitHub page no later than 9pm
  • Include a screenshot of your completed Codecademy progress
• Continue designing your portfolio website

Weekly Reading

• CSS Float Theory: Things You Should Know

Weekly Assignment

• Begin Assignment #2 (Due 12/14)
  • Begin building your portfolio website
  • Start with your homepage & navigation
• Continue designing your portfolio website

Weekly Reading

• Don't Fear Web Typography (16:06)

Weekly Assignment

• Continue Assignment #2 (Due 12/14)

Weekly Assignment

• Continue Assignment #2 (Due 12/14)