Optimalizace webových stránek pro mobilní zařízení – čím začít?

7. 6. 2012 19:10:41

Pěkný den všem,

chci se zeptat, jak na optimalizaci webových stránek pro mobilní zařízení? Co dodržovat, čemu se vyhnout, jaké rozlišení, jak strukturovat cssko, jak javascript apod. Na internetu je toho spousta, ale jelikož to chce mít klient "včera", budu muset absolvovat nějaký efektivní "crash course", ve kterém si rád nechám poradit, popř. se rád nechám navést.

Za všechny rady, připomínky a tipy předem děkuji!

7. 6. 2012 19:10:41

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772803

Honza Škovran

(6 hodnocení)

7. 6. 2012 19:20:08

Pokud vám nevadí slovenština, tak doporučuji přečíst tento článek - myslím, že je to přesně to rychlé řešení, které hledáte.

7. 6. 2012 19:20:08

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772802

Smazaný účet 0GSZYutAWO

(23 hodnocení)

7. 6. 2012 19:31:12

jQuery Mobile toho taky hodně vyřeší.

7. 6. 2012 19:31:12

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772801

Lukáš

(9 hodnocení)

7. 6. 2012 19:31:54

Perfektní! Slovenština nevadí. Přesně to, co jsem potřeboval

Napsal Cesticka;805287
Pokud vám nevadí slovenština, tak doporučuji přečíst tento článek - myslím, že je to přesně to rychlé řešení, které hledáte.

7. 6. 2012 19:31:54

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772800

Honza Škovran

(6 hodnocení)

7. 6. 2012 19:47:02

Napsal Lukáš Jakubíček;805291
Perfektní! Slovenština nevadí. Přesně to, co jsem potřeboval

jsem rád, že jsem pomohl :)

7. 6. 2012 19:47:02

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772799

Registrace

(1 hodnocení)

7. 6. 2012 19:53:00

Za sebe doporučuju nevymýšlet kolo, ale jít ověřenou cestou velkých webů - http://m.idnes.cz/, http://m.novinky.cz/, http://m.vodafone.cz/,...

A dej si pozor, aby web respektovat nastavení prohlížeče v telefonu (jestli zobrazovat mobilní, nebo klasickou verzi webů), například Google to totiž nerespektuje a přesměrovává na mobilní verzi vždy automaticky (Windows Phone, IE9), což je maximálně otravný.

7. 6. 2012 19:53:00

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772798

Honza Škovran

(6 hodnocení)

7. 6. 2012 19:55:48

Napsal Registrace;805304
Za sebe doporučuju nevymýšlet kolo, ale jít ověřenou cestou velkých webů - http://m.idnes.cz/, http://m.novinky.cz/, http://m.vodafone.cz/,...

Právě v článku, na který jsem odkazoval je hezky vysvětleno proč již není potřebné dělat speciální mobilní weby, ale naopak to je často spíše na škodu.

7. 6. 2012 19:55:48

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772797

Registrace

(1 hodnocení)

7. 6. 2012 20:00:56

Napsal Cesticka;805305
Právě v článku, na který jsem odkazoval je hezky vysvětleno proč již není potřebné dělat speciální mobilní weby, ale naopak to je často spíše na škodu.

Jasně, s tím nelze než souhlasit. Osobně nesnáším mobilní verze webů a vždycky si zobrazuju klasickou, dnešní mobily to zvládnou a když to navíc kodér dobře udělá, tak je to radost to sledovat.

Například tenhle web mě zaujal - http://www.followbubble.com/

Poprvé jsem si ho otevřel v mobilu a myslel jsem, že jsem na vyjímečně povedené mobilní verzi, ale až když jsem si to otevřel v PC jsem pochopil že je to akorát pořádně udělaný. Otevřete si ten web a zmenšujte si šířku okna.

To stejný si zkuste například i na http://www.vodafone.cz/

7. 6. 2012 20:00:56

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772796

(1 hodnocení)

7. 6. 2012 20:09:49

Málokdo si uvědomuje, že takhle hezky responzivní je i základní wordpressácká šablona Twenty Eleven

http://twentyelevendemo.wordpress.com/

7. 6. 2012 20:09:49

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772795

Honza Škovran

(6 hodnocení)

7. 6. 2012 20:13:33

Napsal Tomáš Bednár;805311
Málokdo si uvědomuje, že takhle hezky responzivní je i základní wordpressácká šablona Twenty Eleven

To bude tím, že ji nikdo reálně nevyužívá.

V každém případě, responzive design vyžaduje jen trošku přemýšlení a o pár řádků CSSka více. Je to modernější, pohodlnější a do budoucna perspektivní jak stavět novou mobilní verzi, ve které se pak musí každá změna provádět zvlášť.

7. 6. 2012 20:13:33

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772794

Michal Kubíček

(84 hodnocení)

7. 6. 2012 22:11:27

Moc zajimava prednaska na toto tema byla na dni s vyvojari Seznamu. Mj. se hovorilo o responzivnim designu, ktery sice neco resi, ale neni samospasitelny. Napr. neni vhodny v pripade, kdy jsou soucasti stranky media, ktera sice design v mobilu nezobrazi, ale stejne se stahuje. Take tam bylo recena rada informaci o realnych poctech a typech OS, prohlizecu, rozliseni, tabletech a vubec moc zajimavych veci. V kazdem pripade jsem se presvedcil o tom, ze delat opravdu odlazene stranky pro mobily neni nic jednoducheho. Zlaty stolni pocitac se tremi platformami a ctyrmi prohlizeci...

7. 6. 2012 22:11:27

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772793

Registrace

(1 hodnocení)

7. 6. 2012 23:15:55

No seznam to vyřešil jednoduše - viz. sport.cz, super.cz, pocasi.seznam.cz

A já to teda jenom chválim, protože tohle jsou designy na který se já chci koukat - jednoduchý a maximálně přehledný. A každej mobil, nebo tablet to navíc zobrazí stejně tak jak to zobrazí PC.

7. 6. 2012 23:15:55

https://webtrh.cz/diskuse/optimalizace-webovych-stranek-pro-mobilni-zarizeni-cim-zacit#reply772792

Pro odpověď se přihlašte.

Přihlásit