User Tools

Site Tools


eg-146:lecture19

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
eg-146:lecture19 [2012/04/23 18:13] – [Making 'one site for all' happen] eechriseg-146:lecture19 [2012/04/23 18:28] – [Further Reading] eechris
Line 56: Line 56:
 ---- ----
  
-* try resizing the browser window and watch what happens to the main content, banner, navigation menu and other items that are on the screen. +  * try resizing the browser window and watch what happens to the main content, banner, navigation menu and other items that are on the screen. 
-* 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.+  * 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.
  
  
Line 75: Line 76:
 </note> </note>
  
-Further Reading +===== Further Reading ===== 
-        Luke Wrote lew ski-^ Mobile First+  Luke Wroblowski, //Mobile First design//, Nov 2009. URL [[http://www.lukew.com/ff/entry.asp?933|www.lukew.com/ff/entry.asp?933]] (See also the [[http://www.lukew.com/ff/entry.asp?1137]] and Book with same title from [[http://www.abookapart.com/products/mobile-first|A Book Apart]], 2011. 
-                design Nov 2009. +  Jeremy Keith on the "one site for all approach"One Web", Presentation at the 2011 DIBI Conference: [[http://www.vimeo.com/27484362|www.vimeo.com/27484362]] and transcript [[http://www.adactio.com/articles/4938|www.adactio.com/articles/4938]]  
-        w WW-hike w-com / ff I on his-a op9 33 + 
-                Video -> -t 118ft entry-asp? 1127 +===== Understanding and Using Media Queries =====
-"Mobile First 4 Book, NBYZLI Apart, 2011 +
-fewest Jeremy Keith "one site fron all +
-approach "One Welsh at DIBI +
-        w w wv i n e ocour 2 7 48 4 3 6 2 +
-transcript WWW-adoration. com (articles 14938 +
-Understanding Using media events+
 Used in head Used in head
                 <i ink net = "style sheet a half ="-.."                 <i ink net = "style sheet a half ="-.."
eg-146/lecture19.txt · Last modified: 2012/04/23 18:29 by eechris