eg-146:lecture19
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |||
| eg-146:lecture19 [2012/04/23 18:28] – [Further Reading] eechris | eg-146:lecture19 [2012/04/23 18:29] (current) – [Making 'one site for all' happen] eechris | ||
|---|---|---|---|
| Line 50: | Line 50: | ||
| * The key design approach that you need to adopt is called **Progressive enhancement**.((This also applies to behaviour, and we will study it in more depth next year when we look at JavaScript)) | * The key design approach that you need to adopt is called **Progressive enhancement**.((This also applies to behaviour, and we will study it in more depth next year when we look at JavaScript)) | ||
| * In summary you need to separate HTML from styles so that you can progressively enhance the layout for higher resolution and more capable devices | * In summary you need to separate HTML from styles so that you can progressively enhance the layout for higher resolution and more capable devices | ||
| - | * For a good introduction see Ethan Marotte, // | + | * For a good introduction see Ethan Marotte, // |
| Example: [[http:// | Example: [[http:// | ||
| Line 59: | Line 59: | ||
| * If you can, try viewing the site on a smart phone and/or tablet. | * If you can, try viewing the site on a smart phone and/or tablet. | ||
| * With these devices check what happens when you change the orientation of the device. | * With these devices check what happens when you change the orientation of the device. | ||
| - | |||
| ===== Principles of Responsive Design ===== | ===== Principles of Responsive Design ===== | ||
eg-146/lecture19.txt · Last modified: 2012/04/23 18:29 by eechris