Responzivní design

Responzivní design je pro běžného podnikatele nejlepší řešení jak dostat webové stránky do mobilních telefonů.

Požadavky na moderní webové stránky

Moderní webdesign musí především zvládnout kvalitní zobrazování webových stránek na mobilních zařízeních - mobilních telefonech a tabletech. Webové stránky s klasickým designem mají na mobilních zařízeních tyto zásadní problémy:

webová stránka je podstatně širší než displej
klikací plocha odkazů je pro prst příliš malá
menu dynamicky rozbalovaná po nejetí myší se prstem nedají rozbalit
objemná grafika se na telefonním připojení stahuje příliš pomalu

Problémy se zobrazením na mobilních zařízeních mají dvě řešení:

dvoje nezávislé stránky se společnou databází - desktop verze a mobilní verze
jedny stránky pro desktop i mobil se speciálním designem - responzivní design

Udržovat dvě samostatní verze webových stránek je trvale velmi pracné. Pro běžnou webovou prezentaci firmy je jediným rozumným řešením responzivní design.

Moderní webdesign tak rychle směřuje k těmto charakteristikám:

jednoduchost
minimalizace objemu grafiky a HTML kódu

Trvalá inovace webdesignu

Nepřetržitá technická inovace je naší obchodní strategií. Moderní trendy webdesignu a obzvláště responzivní webdesign jsou pro nás velkou výzvou jak získat náskok před konkurencí. Naše společnost byla jednou z prvních firem, které spustily webové stránky s responzivním designem. Vyberte si pro spolupráci nás a získáte:

moderní webové stránky
pečlivě odladěný responzivní design
bezkonkurenčně rychlé stránky
přehledné, poutavé a zajímavé

Princip responzivního designu

Cílem responzivního designu je navrhnout HTML a CSS kód webových stránek tak, aby se kvalitně a čitelně zobrazovaly na všech existujících i budoucích zobrazovacích zařízeních. A to tak, že se na výstupu nepřepínají různé verze HTML a CSS, ale veškerý kód který dodává webový server je společný. Teprve ve webovém prohlížeči se přeínají bloky CSS kódu podle šířky okna zařízení.

Responzivita tak zasahuje prakticky do všech částí kódu CSS i HTML. Je potřeba se vypořádat s velkým množstvím drobných i větších problémů:

flexibilní šířka všech sekcí layoutu - záhlaví, zápatí, hlavní sloupec, boční sloupec
přepínání obrázku záhlaví pro úzký displej
řazení položek lištového hlavního menu na více řádků na úzkém displeji
úprava prostorového uspořádání - pomocný boční sloupec pro úzký displaej odsunout pod hlavní sloupec
přizpůsobení velikosti písma aby bylo vždy čitelné
flexibilní rozměry obrázků a videí
změna řazení boxů v hlavním sloupci - Např. 3, 2 a 1 box na řádek
přizpůsobení dynamického kona fotogalerie- na mobilu bude funkcionalita jiná
klikací plochy všech odkazů a tlačítek musí mít dostatečnou velikost
navigační menu musí být nahoře i dole