Mobilní web .info

Několik zajímavých odkazů o Mobilním webu

Lukoko — Wed, 24 Feb 2010 13:57:31 +0000

Potřeboval jsem si udělat výcuc věcí, které se stali za poslední dobu. Ve výsledku mi vzniknul seznam zajímavých odkazů, které popisují novinky poslední doby okolo mobilních záležitostí.

Google Zmenšovač: při mobilním surfování ušetří čas i peníze
Vzhledem k tomu, že tuto službu poskytuje Seznam na českém internetu už víc jak rok, je to skutečně novinka.

Google now letting advertisers select which devices and which operators their mobile ads will appear on
Google konečně cílí na telefony … Seznam to umí už rok

Uživatelů internetu v mobilu prudce přibývá, operátorům tím kolabují sítě
Ano je to tak. Mobilní streamování videa je pro ně noční můra, takže se asi moc nevyspí

Second Web Compatibility Test for Mobile Browsers
W3C se konečně snaží s křížkem po funuse standardizovat mobilní prohlížeče

BBC Online - our mobile future
Jak BBC využívá a plánuje využívat mobil

the speed of the mobile web, part 2: tips for content providers
Jak zrychlit mobilní web

Web Form Innovations on Mobile Devices
Jak lépe dělat formuláře pro mobilní zařízení

Opera Mini Has 50 Million Monthly Users
Opera Mini

Apple prý dostává od Google 100 milionů dolarů ročně
Spekulace

Content Transformation Guidelines ready for review
Konečně se začíná dokončovat specifikace transcodingu mobilních stránek

iPhone jako čtečka platebních karet. Zmizí peníze?
Mobilní platby

Best Practices to make your Web application mobile

Mobilní Facebook překonal hranici 100 milionů uživatelů
Mobilní facebook

Why Do Mobile Web Designers Ignore Opera Mini?
Opera mini

Kódování H.264 na internetu bude bez licenčního poplatku
Video na internetu

Těžká práce s konzumací digitální zábavy

Google zazářil ve čtvrtém čtvrtletí, další rozvoj plánuje v mobilní oblasti
Google mobilní

Mobile Development Primer
Pár tipů k mobilnímu webu

Tom Hume: Flash on Mobile: Why, Lord, Why?
Zamyšlení na Adobe Flash v mobilu

Letos nás čeká augmentovaný Valentýn
Augmeted

ACCESS Announces NetFront Browser v4.0 With Super Fast JavaScript Engine
Další prohlížeče, další odlišti, možná i rychlost

Mobilní web v roce 2009 - zajímavá data ve studii od Quantacastu

Orange France: 77% of the phones we sold during the holidays were iPhones, our network rocks too!

SMS - potenciální průšvih

Google Voice returning to the iPhone via Safari
Google Voice se vrací na iPhone

Nokia’s Kamppi Trial succeeds at indoor positioning, gets shelved anyway (video)
LBS

How to Start Browsing on the Mobile Device More Quickly
Lepší brouzdání na mobilním webu

Jak mi operátor přišel na nevěru
Nechtěné cílení reklamy

The WordPress Mobile Pack is back! And here’s how.
Mobilní wordpress

T-Mobile spouští testovací provoz 3G
3G už i českého T-mobile

eBay letos přes mobily prodá zboží za půl miliardy
Mobilní eBay

Stat Spot: Reasons for lower mobile phone ownership among females

Bell launches Mobile TV for iPhone

Urbanspoon – Mobile Webapp Version Of An iPhone App Hit

NFC is dead, long live N-Mark! [Trademarks and Copyright make the world go round]

Worldwide Mobile Phones Sales Flat in 2009

Android Paid-Market Problems

Mobile World Congress 2010 round up!

Augmented Identity

NetSize Guide 2010

State of the Mobile Web December 2009: Opera Mini is now 4 years old, has 46.3 million users
Opera Mini za rok 2009

dotMobi WordPress Mobile Pack

Lukoko — Thu, 30 Apr 2009 21:24:33 +0000

dotMobi vydalo sadu rozšíření pro wordpress, které ho zmobilní. Vyzkoušel jsem to tady na mobilníweb.info a vypadá to docela použitelně. Sice to není přesně to, co bych si představoval. Přeci jenom servírovat pro Motorolu V3 tolik obsahu a ještě tak složitě nastylovaně nebude to ono.
Každopádně na tom odvedli pořádný kus práce a na internetu je konečně k dosání jednoduchý a dostupný nástroj, jak si může běžný smrtelník udělat mobilní web!
Takže hurá na mobilní wordpress.

QR kódy v praxi

Lukoko — Wed, 25 Mar 2009 11:53:09 +0000

Na Firmy.cz je teď u každé firmy QR kód, takže jde jednoduše uložit, nebo vytočit kontakt na firmu.

Perly mezi User-Agenty

darky — Tue, 03 Mar 2009 08:51:07 +0000

Při procházení různými user-agenty telefonů jsem narazil na pár fakt veselých a nedá mi to se o ně s vámi podělit.

Takže hned první je perla “MOT-,6/0A.53.1AR MIB/2.2.1 Profile/MIDP-2.0 Configuration/CLDC-1.1″. Jistě si okamžitě všimnete počátku MOT.. jo je to motorola… ale model “,6″ to je divný co.. stačí najít na klavesnici čárku a hned víte kolik uhodilo.. no ano nepozorný vývojář a hned máme místo M6ky “Čárko-6ku”.

Jak najdu další perličky zas se s vámi podělím.

Ahoj Vašek

Jednoduché rozpoznání mobilního prohlížeče

Lukoko — Thu, 12 Feb 2009 21:52:13 +0000

V RSS jsem dneska narazil na http://johannburkard.de/blog/www/mobile/simple-mobile-phone-detection.html

Design mobilních stránek pro různě velké displaye

Lukoko — Thu, 15 Jan 2009 21:52:27 +0000

http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes

CSS a Barevnost mobilního webu

Lukoko — Wed, 07 Jan 2009 23:34:15 +0000

Čitelnost textu je na mobilním webu jedna z nejdůležitějších věcí, na které je potřeba si dát pozor. Vhodnou volbou barevnosti je možné zvýraznit důležité informace a nadpisy. Při vypisování seznamu položek, jako je třeba výpis článků, nebo výsledky vyhledávání je strádavé podbarvení jednotlivých položek ideální způsob, jak je od sebe nenásilně oddělit.

Při výběru barev pro mobilní stránku je potřeba si dát pozor na dostatečný kontrast a používat základní barvy. Je sice fakt, že na smartphonech a nových telefonech se s většinou zmíněných problémů nesetkáte, ale čím víc telefonů služba podporuje, tím víc může mít uživatelů. S CSS a hlavně podbarvením v mobilní stránce se může stát několik věcí:

Daná barva se bude na různých telefonech zobrazovat v jiných odstínech. Dokonce jsem jednou narazil na takovou interpretaci modré barvy, že vypadala úplně zeleně
Pokud je barva na pozadí moc světlá, může se stát, že nebude na nekvalitním display vůbec zřetelná. Rozdíl v podbarvení je potom možní zahlédnout pouze pod určitým úhlem pohledu na display telefonu a to není to, co by se nám líbilo
Naopak moc výrazná barva, třeba i v jiném odstínu může znehodnotit čitelnost textu
Nelze ani počítat s plnou podporou barvy na pozadí u některých prohlížečů. Například některé starší LG s prohlížečem OpenWave barvu pozadí nekreslí vůbec, takže pokud použijete bílý text na tmavém pozadí, tak výsledek bude bílý text na bílém pozadí
Stejně tak se může stát, že telefon celá CSS z nějakého jen jemu zřejmému důvodu kompletně zahodí.

Ve výsledku jsou barvy na pozadí na mobilní stránce pouze pro zpřehlednění textu a není možné s nimi počítat pro nějaké výrazné a důležité prvky na stránce. Je potřeba hlídat kontrast barev a zajistit čitelnost i při nějakém problému s vykreslením stránky.

Nová homepage mobilního seznamu

Lukoko — Wed, 07 Jan 2009 17:44:22 +0000

První verze dlouho odkládané homepage je veknu. Screenshot se mi neche dělat … podívejte se

Mobilní web u nás a rok 2009

Lukoko — Thu, 01 Jan 2009 16:58:07 +0000

Po přečtení sveekovo článku “Český mobilní web v roce 2009 - jaký bude?” mě napadlo také sepsat několik předpokladů, co by se mohlo v tomto roce na českém, ale i světovém mobilním webu stát.

různé kampaně s 2D kódy v ČR přispějí k rozšíření mobilního webu a hlavně povědomí uživatelů o jeho možnostech
s rozšířením mobilního webu se uživatelé při výběru nového telefonu zajímat také o jeho schopnosti kvalitně prohlížet mobilní web.
Opera Mini si pojede dál vlastní cestou a mobilnímu webu to nijak nepomůže
na trhu bude více zařízení s kvalitním prohlížečem (WebKit)
většina vývojářů přestane brát v potaz telefony, které podporují pouze WML
mobilní reklama se stane výnosnou
pro některé firmy bude problematické urdžovat dvě verze webu a bude zajímavé sledovat, jak se k tomu postaví
firmám vznikne potřeba mít kromě klasického webu ještě mobilní variantu. Poskytování mobilní verze se stane důležitým kritériem pro výběr poskytovatele řešení firemní prezentace
Na trhu bude více dotykových telefonů a na mobilních stránkách bude možné používat zajímavější funkce. S tím by také mělo přijít sjednocení JS událostí pro dotykové dispeje.
Vznikne spoustu mobilních webů, které budou tak špatně provedené, že od celého mobilního webu uživatele odradí

Nakonec z toho soupisu vznikl seznam věcí, které se můžou a nemusí stát, ale hlavně věcí, které v tomto roce možná dík začnou, ale projevovat se budou ještě dlouho potom.

Jak ovládat prohlížeč iPhonu pomocí tagu meta

Lukoko — Mon, 03 Nov 2008 23:22:02 +0000

Safari v iPhonu je sice uzpůsobené pro prohlížení stránek z normálního webu, ale není to vždy to pravé. To je hlavně důvod, proč vzniká po světě tolik stránek upravených pro iPhone.

Některé mobilní stránky pro iPhone se chovají jinak, než klasická stránka. U mobilních stránek není potřeba scrollování do stran, není tam potřeba zoomavání atp. To vše jsou vlastnosti, které se dají vypnout, nebo nastavit.

Jak jsem zmínil v nadpisu, chování prohlížeče se nastavuje v xHTML hlavičce meta s parametrem name="viewport" kde máme k dispozici tyto vlastnosti:

width - šířka viewportu, na který se vykreslí stránka. Pokud se nastaví moc velký, pak je text nečitelný, takže pokud nastavíte tuto hodnotu, iPhone nekontroluje čitelnost textu.
height - výška viewportu. Chová se stejně jako width.
initital-scale - úvodní zoom. Díky této vlastnosti je možné nastavit základní přiblížení nad stránkou. Opět je potřeba používat s rozumem. Může se hodit pokud máte nějakou stránku s pevnou šířkou upravenou pro ostatní telefony a chcete pro iPhone jen nazoomovat. Obecně pro mobilní weby pro iPhone doporučuji nastavit na 1.0
user-scalable - tímto atributem je možné vypnout zoomování na stránce. To je opět užitečné pro mobilní web a zároveň tím zamezíte horizontálním scrollování
minimum a maximum scale - pomocí těchto parametrů je možné definovat rozmezí zoomování na stránce

Tabulka s vlastnostmi bude potom vypadat takto:

Vlastnost	Výchozí hodnota	Minimum	Maximum
width	980	200	10000
height	based on aspect ratio	223	10000
inital-scale	fit to screen	minimum-scale	maximum-scale
user-scalable	yes	no	yes
minimum-scale	0.25	> 0	10
maximum-scale	1.6	> 0	10

Kombinací těchto hodnot je hodně, ale většina z nich napáchá spíš škodu než užitek, nebo jsou k ničemu.

Pro uživatelsky příjemné prohlížení mobilního webu používám:

tato konstrukce způsobí, že se zamkne posouvání do stran, nastaví se zoom na 1, zamezí se a zoomování. Nic se potom nezvětšuje/zmenšuje a dá se říct, jak se stránka zobrazí. Navíc ji je možné posouvat jenom nahoru a dolu, takže při čtení textu neutíka odstavec do stran (ano stává se mi to ).