11. zweiter Anlauf
25. Mai 2010
Ethan Marcotte schlägt
MediaQueries für
Responsive Seiten vor
http://www.alistapart.com/articles/responsive-web-design/
24. Kombinationen
/* Wide Layout */
all and (min-width: 1220px)
/* Normal Layout */
all and (min-width: 980px) and
(max-width: 1019px)
25. Kombinationen
/* Wide Layout */
all and (min-width: 1220px)
/* Normal Layout */
all and (min-width: 980px) and
(max-width: 1019px)
/* Narrow Layout (Tablet) */
all and (min-width: 740px) and
(max-width: 979px)
98. Responsive Images
• Ungelöstes Problem
• Aktuell nur mit JavaScript lösbar
• Mehrere Bilder für verschiedene
Layouts
• HighDPI Geräte wie iPhone 4S
brauchen grössere Auflösungen
104. Responsive vs. Native
Responsive
• viel weniger Maintenance
• HomeScreen Apps noch nicht
verbreitet
• kein Hardware Zugang (Photo,
Kompass, etc.)
105. Responsive vs. Native
Responsive
• viel weniger Maintenance
• HomeScreen Apps noch nicht
verbreitet
• kein Hardware Zugang (Photo,
Kompass, etc.)
• Keine Push Notification
117. Zukunft
• Immer bessere Unterstützung von
Frameworks, CMS, etc.
• Weitere Media Queries
• color
118. Zukunft
• Immer bessere Unterstützung von
Frameworks, CMS, etc.
• Weitere Media Queries
• color
• monochrome
119. Zukunft
• Immer bessere Unterstützung von
Frameworks, CMS, etc.
• Weitere Media Queries
• color
• monochrome
• scan (TV progressive | interlace)
120. Zukunft
• Immer bessere Unterstützung von
Frameworks, CMS, etc.
• Weitere Media Queries
• color
• monochrome
• scan (TV progressive | interlace)
• grid (textbasiert)