[x] Skrýt reklamu

Ahoj, vypadá to, že používáte AdBlock... :-)

Usilovně jsme pracovali na zakomponování reklamy, aby nebyla pro čtenáře rušivá. Příjmy z reklam tento web živí, bez nich bychom jej nemohli provozovat. Budeme moc rádi, když to s námi zkusíte a přidáte si nás do výjimek. Děkujeme!

MENU

Vývoj webu
Category

Browserstack.com, na ladění webů nepotřebujete kamión plný smartphonů

Po každém webovém vývojáři se předpokládá, že stránky perfektně odladí pro všechna současná zařízení, ideálně i pro ty budoucí. Jenže jak testovat weby na různých zařízeních a systémech, aniž byste vyloupili banku nebo museli jezdit do práce kamiónem?

Stačí vám k tomu internetový prohlížeč

Ladění responzivity a pixel perfect designu rozhodně není jen o změně rozlišení, jak se nám snaží některé „vývojářské“ režimy v desktopových prohlížečích mylně podsunout. Chce to fyzický hardware, jenže na tom se zase špatně debuguje… Představa, že si otevřu Inspektora HTML prvků na malém displeji smartphonu je dost děsivá. Naštěstí, je tady řešení…

Snímek obrazovky 2017-01-21 v 18.10.51

Osobně jsem se doslova zamiloval do webové služby BrowserStack.com, která umožňuje ladit webové stránky a aplikace na fyzických zařízeních. Její jediná nevýhoda je cena, plány jsou opravdu dost „mastné“. Připočteme-li to ještě k těm ostatním měsíčním pracovním nákladům, jako je pronájem kreativních nástrojů od Adobe, email pod vlastní doménou u Google (G Suite), Tidal, kancelář, … Brzy zjistíte, že pokud to bude tímto tempem pokračovat, nezbyde vám brzy ani na jídlo.

Zpátky k BrowserStacku. Na výběr máte ze všech nejrozšířenějších operačních systémů, kromě Linuxu. Ten ale není tak podstatný, hlavní účel je totiž stejně testování funkčnosti zejména na mobilních zařízeních s osekanými funkcemi a omezeným datovým připojením.

Snímek obrazovky 2017-01-21 v 18.09.28

 

Skutečně luxusní je debugování na fyzickém zařízení, přitom ale se všemi nástroji Chromáckého Inspectora. Takže kromě toho, že se na web podíváte, jak skutečně vypadá, můžete do jeho chování i zasáhnout a potvrdit si tak své domněnky. BrowserStack umožňuje testovat i lokálně, stačí si k tomu doinstalovat doplněk.

Snímek obrazovky 2017-01-21 v 20.09.10

 

Fajn funkce je i zobrazení podrobností o právě používaném zařízení. Detail obsahuje rozlišení, viewport, velikost displeje, poměr stran, popularitu a datum vydání.

Snímek obrazovky 2017-01-21 v 20.13.56

 

Široká je i nabídka prohlížečů, u mobilních iZařízení vždy Safari a Chrome. Na desktopových Windows 10 můžete otestovat nový Edge, IE 10, Chrome, Firefox, Operu, Yandex nebo Safari. Dále se můžete vrátit v čase až do dob Windows XP. Nabídka OS X (Mac OS) zase sahá až do doby Snow Leoparda.

Snímek obrazovky 2017-01-21 v 20.11.28

Generování náhledů z různých zařízení

Stejně jako samotné testování, byl vždycky hrozný „pain“ i generování náhledových obrázků z vícero zařízení. BrowserStack to udělá za vás. Vygenerovat si můžete až z 1000 různých kombinací prohlížeče, zařízení a systému.

Má to své mouchy

Ani BrowserStack není bezchybný, občas někde něco blbne nebo se chová jinak, než byste čekali. To je ale u tak komplikovaného systému asi docela normální. Důležité je, že ušetří spoustu času a vlastně i spoustu peněz, které byste jinak museli investovat do fyzického hardwaru.

Nejhorší na tom všem pro nás vývojáře je, že to zatím vůbec nevypadá na žádné sjednocování technologií nebo přístupu k nim. V CSS máme milión prefixů, syntaxí, v JavaScriptu zase jeden prohlížeč nepodporuje to co ten druhý. Je to začarovaný kruh, ale stále nepřestávám doufat, že „bude líp“.

Více

Zapněte si SPDY na NGINX

8.10.2016 • návody, Vývoj webu

Internetem rezonuje pojem HTTP/2, což je druhá verze protokolu HTTP, přinášející benefity ve vícero oblastech, například v přenosu vícero souborů naráz (pojem CSS Image Sprites je pro HTTP2 sprosté slovo). Dneska se mrkneme, jak jednoduché je zapnutí SPDY, což je takový

Odlište svůj web, nastavte si theme-color

23.9.2016 • novinky, Vývoj webu

Při browsdání po internetu v Chrome na Androidu jsem si všimul, že některé weby mají zabarvenou lištu s URL adresou do jiné barvy. Upoutalo to moji pozornost a začal jsem trochu googlit. Výsledek je takový, že Chrome od verze 39 podporuje meta tag s názvem theme-color, kterému jako

Zvýšení limitu pro nahrávání souborů (Nginx, PHP-FPM)

15.10.2015 • návody, Vývoj webu

Jste-li zkušený administrátor linuxového serveru, asi vás tímto zápiskem neoslovím. Pro čisté webdevelopery, kteří si jen neví rady, proč jim nejde nahrát velký soubor na web, to bude naopak dost možná užitečný kus textu. Populární redakční systém WordPress postavený

Jak se přihlásit k serveru přes SSH bez hesla (Linux, Mac OS X)

8.10.2015 • linux, návody, Vývoj webu

Musíte-li spravovat nějaký server přes SSH, asi určitě víte, jaká je otrava se furt dokolečna přihlašovat. Při každém zavření bashe a následném pokusu o připojení na vás znovu a znovu vyskakuje stejná hláška. Zadej heslo! Oželíte-li pomyslně trochu té bezpečnosti, dá

Používáte na webu služby od Google? Měli byste informovat o Cookies.

2.8.2015 • Hlavní strana, novinky, Vývoj webu

Společnost Google zřejmě nechce mít další problémy s Evropskou unií za poskytování svých služeb, a proto plošně mění pravidla k používání Google Adsense, DoubleClick Ad Exchange a DoubleClick for Publishers. V případě, že využíváte Google Analytics více než jako

JavaScript není Java!

1.7.2015 • Hlavní strana, Vývoj webu

Celý článek by se dal shrnout do věty: “Prostě není.”, ale rozhodl jsem se, že se na toto téma trochu rozepíšu. Nic mě jako webového vývojáře nenaštve víc, než když někdo mluví o JavaScriptu jako o Javě. Co hůř, když se jedná o lidi z HR, učitele, nebo studenty IT

Máte zahlcený mail? Udělejte letní úklid newsletterů!

9.6.2015 • Hlavní strana, Vývoj webu

Je červen a kromě bujícího plevelu na zahrádce nám to pěkně kvete i v e-mailových schránkách. Chystáte se na dovolenou a přijde vám, že nemůžete odjet, protože vás bude někdo potřebovat? Vždyť denně řešíte desítky emailů! Nebojte, většina z nich jsou jen

Facebook Like Box končí, nahradí jej Page Plugin

25.4.2015 • Hlavní strana, sociální sítě, Vývoj webu

Všichni kteří se zabýváte tvorbou webů, nebo spravujete nějaké stránky, zbystřete. Facebook ruší v API podporu oblíbeného Like Boxu, nahradí jej novým prvkem s názvem Page Plugin. Není však důvod k panice, pokud si do 23. 6. 2015 všechny své weby sami neupgradujete na Page

Web development – proč webaři milují OS X?

4.4.2015 • Hlavní strana, Téma, Vývoj webu

Po titulku budu možná šokovat i dalšími tvrzením – Gimp není profesionální grafický nástroj. Tak a teď mě všichni Linuxáci sežerou a přestanou číst, aniž by věděli, že se ke konci chystám vychválit i žlutého tučňáka… Nyní zpět k tématu. Po éře