Zavřít reklamu

SafariAk ste webdizajnér alebo majiteľ nejakého webu, je pre vás dôležité, aby bola stránka čo najlepšie čitateľná na čo najväčšom množstve zariadení. Kým pred 10-timi rokmi vás niečo také ani nemuselo zaujímať, neskôr už ste museli myslieť na to, že ľudia zvyknú pozerať web aj na malej obrazovke telefónu. No a v roku 2015 to je už nevyhnutnosť, keďže dnes už viac web trafficu vychádza zo smartfónov a tabletov, než počítačov. Na túto zmenu pochopiteľne reagujeme aj my a onedlho uvidíte už aj LsA v modernej podobe s responzívnym dizajnom, ktorý vyzerá na mobilných zariadeniach naozaj pekne. Vedeli ste však, že ako vývojár máte možnosť testovať responzívnosť svojho designu priamo na svojom Macu? Je to totiž jedna z nových funkcií prehliadaču Safari v systéme OS X 10.11 El Capitan.

K funkcii sa dostanete tak, že zapnete Safari, otvoríte možnosť Nastavenia (CMD,) a v kategórii Rozšírené začiarknite možnosť Zobraziť menu vývojárov v lište. Teda začiarknite položku na samom spodku okna. Teraz už len otvorte menu Vývojár vo vrchnej lište a stlačte položku Aktivovať režim Responsive Design. Týmto sa automaticky zmení rozhranie danej karty v Safari a viete si zvoliť konkrétny typ zariadenia, vidíte rozlíšenie, viete si zvoliť typ prehliadaču a skrátka, v momente vidíte, ako bude vyzerať vaša stránka v rôznych internetových prehliadačoch. To vám samozrejme umožní vyladiť všetky chyby predtým, ako vypustíte nový web do sveta a nemusíte sa báť, že by sa vám začali hrnúť sťažnosti užívateľov Internet Explorer, že tam vaša stránka funguje zle.

OS X El Capitan Safari Developer Menu
OS X El Capitan Safari Responsive Design Test

OS X El Capitan Safari Responsive Design Test

Safari OS X El Capitan Responsive Design

Safari OS X

*Zdroj: MacWorld

Související články

Dnes nejčtenější