Das mobile Web stellt Webdesigner vor vollig neue Herausforderungen: Mit was fur einem Device greift ein Nutzer auf eine Website zu? Welche Hardware bringt ein Gerat mit? Welche Bildschirmgroe und -auflosung hat es? All diese Faktoren beeinflussen die Darstellung der Website und machen ein flexibles Design immer wichtiger. Responsive Webdesign setzt genau hier an: Es sorgt dafur, dass sich eine Website an das Gerat anpasst, mit dem sie aufgerufen wird. Dieses hoch gelobte Buch richtet sich an Webdesigner und -entwickler, die Grundkenntnisse in HTML und CSS mitbringen und sich nun mit Responsive Webdesign vertraut machen mochten. Behandelt werden sowohl technische Aspekte als auch konzeptionelle Fragen, die dieser Designansatz mit sich bringt. Was ist Responsive Webdesign? Mit dieser Frage beschaftigen Sie sich zu Beginn des Buchs. Sie erfahren, wie Sie ein Design entwickeln, das Ihre Inhalte auf allen Geraten so ubersichtlich und benutzerfreundlich wie moglich darstellt. Zum Einsatz kommt dabei eine Kombination aus Fluid Layouts, Media Queries und Responsive Media. Feilen Sie an der User Experience - Was ist zu bedenken, wenn eine Website sowohl auf Smartphones als auch auf Desktoprechnern angenehm zu nutzen sein soll? Wie sollten die Bedienelemente der Website beschaffen sein? Welche Interaktionsmoglichkeiten wollen Sie bieten? Und ganz wichtig: Was bedeutet das fur die Inhalte Ihrer Website? Fragen wie diese werden eingehend diskutiert und mit Praxisbeispielen illustriert. So entwickeln Sie ein gutes Gespur, worauf Sie bei eigenen Projekten achten sollten. Verbessern Sie die Performance - Benutzer erwarten heutzutage nicht nur, dass eine Website angenehm zu bedienen ist, sondern auch, dass sie schnell ladt. Sorgen Sie deshalb unbedingt fur eine gute Performance Ihrer Website! Lernen Sie verschiedene Moglichkeiten kennen, das Download-Volumen Ihrer Website zu reduzieren und sie so vor allem fur mobile Surfer attraktiver zu machen.
Tim Kadlec Bücher
Dieser Autor untersucht die Auswirkungen von Webtechnologien auf Unternehmen. Mit seinem vielfältigen Hintergrund, der Arbeit mit Unternehmen aller Größenordnungen, von kleinen Start-ups bis hin zu großen Verlagen, bietet er eine einzigartige Perspektive darauf, wie Technologie effektiv eingesetzt werden kann. Er ist außerdem Mitbegründer einer Konferenz, die sich auf Design und Entwicklung für mobile Geräte mithilfe von Webtechnologien konzentriert. Seine Schriften behandeln eine Vielzahl von Themen und sind auf seiner persönlichen Website zu finden.



New devices and platforms emerge daily. Browsers iterate at a remarkable pace. Faced with this volatile landscape we can either struggle for control or we can embrace the inherent flexibility of the web. Responsive design is not just another technique-it is the beginning of the maturation of a medium and a fundamental shift in the way we think about the web. Implementing Responsive Design is a practical examination of how this fundamental shift affects the way we design and build our sites. Readers will learn how to: Build responsive sites using a combination of fluid layouts, media queries, and fluid media Adopt a responsive workflow from the very start of a project Enhance content for different devices Use feature-detection and server-side enhancement to provide a richer experience
Responzivní design – profesionálně
- 248 Seiten
- 9 Lesestunden
Naučte se budovat responzivní webové stránky. Ačkoliv responzivní design je ve světě webdesignu vcelku nový pojem (poprvé ho použil Ethan Marcotte v roce 2010 ve svém článku pro magazín A List Apart), stačilo pouze několik let k tomu, aby se stal nepostradatelnou technikou pro tvorbu webových stránek, protože za tu dobu se webové prostředí stačilo změnit doslova k nepoznání. Už nějakou dobu neplatí, že webové stránky se zobrazují hlavně na desktopových PC a noteboocích s velkými obrazovkami – dnešní realita je taková, že se zobrazují úplně všude, od mobilních telefonů přes tablety až k chytrým televizím a dalším zařízením s přístupem na Internet. Nyní je ten pravý čas, abychom přestali vytvářet webové stránky s fixními rozměry a optimalizované pro konkrétní skupiny uživatelů a začali budovat skutečně responzivní weby, které se budou dobře zobrazovat (a dobře fungovat!) na nesčetných zařízeních, bez ohledu na to, jaký mají vlastně výpočetní výkon, velikost obrazovky, rozlišení nebo fyzické rozměry.