Tim Kadlec Livres

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

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.

Das mobile Web stellt Webdesigner vor neue Herausforderungen: Welche Geräte nutzen die Nutzer, welche Hardware und Bildschirmgrößen bringen sie mit? Diese Faktoren beeinflussen die Darstellung von Websites und machen flexibles Design unerlässlich. Responsive Webdesign sorgt dafür, dass sich eine Website an das jeweilige Gerät anpasst. Dieses Buch richtet sich an Webdesigner und -entwickler mit Grundkenntnissen in HTML und CSS, die sich mit Responsive Webdesign vertraut machen möchten. Es behandelt technische und konzeptionelle Aspekte dieses Designansatzes. Zu Beginn wird die Frage geklärt, was Responsive Webdesign ist. Sie lernen, wie Sie ein Design entwickeln, das Inhalte auf allen Geräten übersichtlich und benutzerfreundlich darstellt, unter Verwendung von Fluid Layouts, Media Queries und Responsive Media. Wichtige Überlegungen sind, wie eine Website auf Smartphones und Desktoprechnern angenehm zu nutzen ist, welche Bedienelemente geeignet sind und welche Interaktionsmöglichkeiten geboten werden sollten. Zudem wird diskutiert, was dies für die Inhalte bedeutet. Diese Fragen werden ausführlich behandelt und durch Praxisbeispiele veranschaulicht, um ein Gespür für eigene Projekte zu entwickeln. Schließlich wird die Bedeutung einer guten Performance hervorgehoben, da Nutzer schnelle Ladezeiten erwarten. Sie lernen, wie Sie das Download-Volumen reduzieren können, um Ihre Website für mobile Nutzer attraktiver zu gestalten.