Media queries configure responsive page layout for smartphone and tablet display
computer science
Description
CPSC 1030 – Web Design Best Practices Checklist Page Layout
1. ☐ Appealing to target audience
2. ☐ Consistent site header/logo
3. ☐ Consistent navigation area
4. ☐ Informative page title that includes the company/organization/site name
5. ☐ Page footer area includes copyright, last update, contact e-mail address
6. ☐ Good use of basic design principles: repetition, contrast, proximity, and alignment
7. ☐ Displays without horizontal scrolling at 1024 × 768 and higher resolutions
8. ☐ Balance of text/graphics/white space on page
9. ☐ Home page has compelling, interesting information above the fold (before scrolling down) at 1024 × 768 resolution 10. ☐ Good contrast between text and background
11. ☐ Repetitive information (header/logo and navigation) occupies less than one-quarter to one-third of the browser window at 1024 × 768 resolution
12. ☐ Home page downloads within 10 seconds on dial-up connection
13. ☐ Viewport meta tag is used to enhance display on smartphones
14. ☐ Media queries configure responsive page layout for smartphone and tablet display
Instruction Files
m.pdf
145.4 KB
1030WebDesignChecklist.pdf
153.6 KB
