Responsive Web Design

Tato práce se zabývá responzivním webdesignem, tzn. způsobem vytváření webových stránek, které se přizpůsobují zobrazujícímu zařízení. Cílem je popsat základní principy a uvést technologické možnosti jeho tvorby. Popisované principy jsou dokladovány v ukázkových zdrojových kódech a na ilustracích. Flexibilní struktura stránek, media queries a flexibilní obrázky jsou tři základní pilíře. Přístupy k vytváření stránek mobile first a desktop first představují dvě odlišné strategie při tvorbě responzivních stránek. Vhodnou metodou budování webové stránky určené pro mobily a desktopy se jeví právě responzivní webdesgin, oproti vytváření několika verzí webu pro odlišná zařízení.This thesis deals with responsive web design, i.e. a method of creating web pages, which are adapted to device. The goal is to describe primary principles and introduce technological options of its creation. The described principles are discussed through exemplary source code and illustrations. Flexible grid, media queries and flexible images are the three basic pillars. The approaches of creating pages with mobile first and desktop first are two different strategies used in formation responsive pages. Responsive web design seems to be an appropriate method of building web pages intended for the mobile devices and desktops, against creating multiple version of web page for different devices