Když stisknete velmi úzký prohlížeč pro stolní počítače, můžete si nejasně představit, jak funguje responzivní design, ale nejde o přesnou reprezentaci skutečného zařízení s malou obrazovkou. A skutečná zařízení s malou obrazovkou jsou tím, co zde navrhujeme, ne jinými zvědavými designéry, kteří mačkají své prohlížeče dolů =).
V tomto screencastu otevíráme simulátor iOS (na Macu je zdarma s XCode) a na základě toho, co tam vidíme, provádíme několik designových vylepšení. Podle mých zkušeností je simulátor velmi přesný k tomu, co vidíte na skutečném zařízení. Viděl jsem i rozdíly - například využití paměti. Hned po spuštění této webové stránky jsem viděl narazit na mobilní webkit - a to se v simulátoru nedělo.
Jedna věc, kterou děláme, je odstranit efekt skládaného papíru 3D při nejužším mediálním dotazu. Také jsme zjistili, že reklama v záhlaví způsobuje určité vodorovné posouvání v mobilních zařízeních, což je nežádoucí věc v tom, jak přistupujeme k mobilnímu rozložení. Naštěstí se nám to podařilo vypátrat hned, ale někdy jsou tyto věci nepolapitelné, abyste je vypátrali a vy prostě skryjete overflow-xtělo, což tady nakonec děláme.
Upravujeme také velikosti písma i pro menší obrazovku.