EN SK

Optimalizácia webu pre mobil

7.9 2011, 11:03
Sám som sa potrápil pri optimalizácii môjho blogu pre mobil, preto som sa rozhodol, že to niekomu uľahčím. Chcem sa podeliť s pár užitočnými radami a jedným užitočným linkom.
Ak hľadáte spôsob, ako sa vyhnúť problémom pri optimalizácii vašich webstránok pre mobliný browser a mobil s internetom nemáte, môžete robiť dve veci.
Prvá možnosť je stiahnuť si z internetu nejaký emulátor a hrať sa s ním. Toto ale považujem za dosť zdĺhavý proces, keďže budete musieť web v emulátore stále obnovovať, aby ste si prezreli zmeny a ich vplyv na celú webstránku.
Druhá možnosť je nastaviť si dočasne CSS pre mobil ako hlavné CSS a použiť prehliadač, ktorý podporuje "developer tools". Ja osobne preferujem Firefox s prídavkom Firebug. Je na nezaplatenie. Zmeny môžete robiť priamo v načítanej stránke a Firefox ich hneď zobrazí. Je to interaktívne a rýchle riešenie. Stačí si zmenšiť šírku prehliadača a simulovať tak obrazovku mobilu. Firebug sa dá otvoriť v novom okne, takže sa nemusíte tlačiť spolu s webstránku v jednom okne. Postupne, krok po kroku sledujete ako sa stránka mení a zmeny si zapisovať do CSS (nezabudnime, že zmeny vo Firebugu sú iba dočasné, preto si ich musíme pralelne zapisovať do CSS aby sa nám po refreshi nestratili).
Keď už máte hotovo, môžete použiť nejaký online mobil emulátor, ja som našiel zopár a nestáli ani za pokus, preto vás chcem upozorniť na jediný link, ktorý naozaj fungoval tak ako sľuboval. Jedná sa o online emulátor Opery mini. Mne pomohol. Aspoň do tej miery aby som videl výsledný efekt.
Videné 2623 krát.
Kategórie: [webdizajn]

Vitajte !

Martin Pullmann
Volám sa Martin Pullmann a toto je miesto, kde sa chcem s vami všetkými deliť o moje myšlienky.
Som grafický dizajnér, programujem webové stránky ale aj iné aplikácie. Fotím a fotografie spracovávam, rád počúvam hudbu a trávim č s priateľmi a v prírode.
Blog je moja najnovšia zábavka, tak dúfam, že vás môj blog nebude nudiť, ale pra*ve naopak, že vás obohatí vzďy niečím novým.