Přizpůsobení se webové stránky cílovému zařízení.
Responsivní design
Všechny články z kategorie
Barva horní lišty v mobilním prohlížeči
Jak obarvit záhlaví mobilního prohlížeče, aby ladilo se stránkou.
CSS Elements Queries
Jak zajistit různý vzhled elementů v závislosti na jejich rozměru.
Media queries v JavaScriptu
Jak v JavaScriptu používat @media pravidla jako v CSS.
Poskakování stránky
Proč vadí poskakování stránky během načítání a jak se ho zbavit.
Prodleva po tapnutí na mobilech
Co způsobuje 300 milisekundovou prodlevu po kliknutí na odkaz/tlačítko na dotykových zařízeních.
SVG
SVG je grafický formát vhodný pro grafické prvky, které mají mít možnost měnit svou velikost.
Automatické zoomování inputů na iOS
Jak se vypořádat s automatickým přibližováním stránky u formulářových prvků na iPhonech.
Blisk – testování responsivních webů
Blisk prohlížeč vypadá jako Chrome, ale má šikovné nástroje pro testování responsivních webů.
Responsivní popisky tlačítek
Jak na různě velkých obrazovkách měnit popisky odkazů a tlačítek.
Odkaz pro předvyplnění SMS
Jak dát na stránku odkaz, který na mobilech předvyplní číslo a text SMS.
Nekonečné scrollování
Je lepší nekonečné rolování, klasické stránkování nebo tlačítko „Zobrazit další“?
Ladění responsivních webů
Jak testovat zobrazení responsivního webu na mobilních zařízeních.
Stránkování
Jak správně řešit stránkování na webové stránce.
Responsivní logo stránky
Jak vytvořit logo, které se bude přizpůsobovat velikosti stránky.
Obtékané boxy s proměnlivou šířkou
Jak udělat, aby se obtékané boxy přizpůsobovaly proměnlivé velikosti okna.
Responsivní reklama na mobilech
Jak se vypořádat s reklamami při vytváření responsivního webu. Jde to vůbec?
Proč hamburger menu nefunguje
Hamburger menu je oblíbený postup řešení responsivní navigace. Proč se mu vyhnout.
CSS pravidlo @media
Pravidlo @media se používá k omezení platnosti CSS jen za určitých podmínek.
Přepnout mobilní/desktopový web
Jak přepnout mezi desktopovým a mobilním webem. Má to vůbec smysl?
Mobilní web na subdoméně
Má smysl mít mobilní web na zvláštní adrese m.example.com?
Responsivní hledací formulář
Jak vytvořit responsivní vyhledávací formulář, kde se políčko a tlačítko přizpůsobuje šířce.
Velikost písma podle šířky
Jak přizpůsobovat velikost písma aktuální šířce stránky.
Jeden sloupec fixní, druhý proměnlivý
Jak vytvořit dvousloupcové rozvržení, kde je jeden sloupec s pevnou šířkou a druhý se přizpůsobuje šířce okna.
Převod sloupců na procenta
Jak převést fixní sloupcové rozložení na procenta, která se budou přizpůsobovat šířce okna.
Jak široký web udělat
Jakou zvolit optimální šířku webové stránky.
Responsivní Facebook Like
Jak zajistit, aby se Facebook Like a Page box přizpůsobovaly šířce obrazovky.
Proč nepoužívat fixní hlavičku
Proč se vyhnout fixování záhlaví/menu k hornímu okraji obrazovky.
Nastavení výšky responsivního obrázku
Jak zabránit poskakování responsivních obrázků během načítání stránky.
Proč (ne)používat mobile first
Mobile first je postup tvorby responsivního webu, kdy se začíná od nejmenších obrazovek (mobil) až po větší (desktop).
Značka <meta name=viewport>
K čemu používat <meta> tag name=viewport.
Zvětšení obrázku
Jakými způsoby řešit zvětšení malého obrázku.
Převod webu na responsivní design
Jak webovou stránku co nejlépe a nejjednodušeji převést do responsivní podoby.
Maximální šířka pozadí
Jak obrázkovému pozadí nastavit maximální šířku. Tj. aby se přizpůsobovalo menší šířce okna.
Tvorba mobilního webu
Potřebujete vytvořit mobilní web. Z vaší WWW stránky vytvořím responsivní variantu za výhodnou cenu.
Oprava chyb použitelnosti v mobilních zařízeních
Google informuje o chybách v použitelnosti u mobilních zařízeních. Jak je opravit?
Google označí stránky vhodné pro mobil
Ve výsledcích hledání na Google se objeví informace, že je stránka přizpůsobena pro mobilní zařízení.
Responsivní design webu
Jak jednoduše a kvalitně vytvořit web, který se přizpůsobí všem velikostem cílových zařízení.
Responsivní CSS mřížka
Jak vytvořit čistě v CSS mřížku, která se bude přizpůsobovat velikosti okna.
Responsivní navigace
Jak udělat elegantní navigaci pro zobrazení na malých obrazovkách.
Responsivní obrázky
Co s obrázky na mobilních zařízeních?
Responsivní komentáře
Jak některé části stránky načítat jen při určité velikosti obrazovky.
Responsivní tabulky
Co udělat s tabulkami, aby se rozumně zobrazovaly na mobilech/tabletech.
Jak na mobilní (responsivní) web
Jak a proč vytvářet mobilní versi webu – responsive web.