IMD 215 – ASSIGNMENT 2
Assignment 2 – Responsive Design
Redesign your current Zen Garden site. Use basic Responsive design techniques as per Ethan Marcotte’s article in a list apart: http://www.alistapart.com/articles/responsive-web-design/
Therefore it must contain the following:
– Flexible Grid – to consist of fluid columns and elastic type
– Responsive Media
– Media Queries
If you plan the site well before you begin, the process will go much more smoothly.
Before you write any code, plan. Remember: fail to plan = plan to fail.
The site must appear reasonably consistent between current versions of: Internet Explorer, Firefox, Safari, and Opera.
And should Validate in the W3C Validator
Marking Criteria – Total Points: /200
Process Book: 50 pts.
Each of the following specific items are worth 10 pts each.
Multi-browser and platform.
CSS positioning for page layout and W3C validates
FTP – site is uploaded and follows common directory structure
Successful / Proper use of Responsive technical elements
Content – Purpose and goals are clear. Graphics support content. Information is logically organized.
Aesthetics – Visual unity with consistent color, format, and navigation. Pages visually balanced.
Background – Adds to theme/purpose and not distracting.
Fonts – Consistent and easy to read with various sizes and styles appropriate for headings and text.
Navigation – Clearly labeled and consistently placed
Layout – Easy to locate all important elements. Good use of white space and graphics.
Layout – Appropriate use of header, footer, and content above the fold.
Images – All images, especially links, use Alt Tag.
Images – No broken links.
Graphics – Relate to theme/purpose, thoughtfully cropped, appropriate size and quality.
Design – Balanced design and repetition give rhythm while variety of elements provide interest.
Color Choices – background, fonts, & links are consistent and add to branding and target audience.