jQuery Mobile är här, framtiden för mobilt internet; genomgång på HTC Desire

jQuery Mobile på HTC DesireDet var inte länge sedan utvecklingen började men nu är framtiden av mobilt internet här, i alla fall om man får tro gänget bakom jQuery. jQuery Mobile är tänkt att fungera som en plattform mellan webbtjänsten och den mobila enheten, ett gränssnittslager som förbättrar användarupplevelsen. Fördelen med jQuery Mobile är att det finns HTML-kod i botten att falla tillbaka på ifall javascript stöd saknas. Men stödet och intresset för jQuery Mobile från telefontillverkarna har varit mycket stort och flera har redan från börja bidragit till projektet, bland annat Palm, Blackberry, Nokia för att nämna några.

jQuery Mobile består för tillfället av:

Där formulärstödet är extra intressant och erbjuder många förbättringar utöver HTML standarden, så som sliders och bättre styling anpassat för mobila enheter.

Fördelarna med jQuery Mobile

  • Crossplattform; använder HTML5 + CSS3, med javascript transformation, fungerar på alla större smartphones som Android, iPhone, BlackBerry etc. Vanlig HTML som fallback för de som saknar stöd
  • jQuery är kända för att vara lightweight och snabba och jQuery Mobile är inget undantag.
  • Snabb utveckling och enkelt att göra befintliga webbtjänster mobilvänliga
  • Inbyggd kontroll för themes gör det enkelt att styla applikationen som man vill.

Stödet för jQuery Mobile är redan från början väldigt stort, det enda problemet för tillfället är bara Windows Mobile 7, där stödet för HTML5 och CSS3 i allmänhet är väldigt dåligt. Klicka på kartan  för att se en total översikt hur stödet för webbläsarna är.

Men hur fungerar det då, jag passade på att testa deras exempel som är släppta tillsammans med Alpha releasen, och än så länge fungerar det mycket bra. Mest imponerande är transition-effekterna som gör att man enkelt kan få applikationskänslan av en vanlig html-sida, där man förflyttar sig i sidled mellan sidorna. Dessvärre fungerade forms-elementen inte riktigt lika bra på standardwebbläsaren i Desire. Den hade problem med att fokusera textfälten och scrollade ofta iväg utanför skärmen så man inte kunde se vad man skrev. Men för att vara en Alpha release känns det spännande att se vart det är på väg.

Så vad händer nu?

Jag hade ännu inte börjat använda jQuery Mobile i ett skarpt läge, det behövs fortfarande en del förbättringar, men det är också förväntat då det som sagt bara är en Alpha release. Men jag kommer definitivt sätta mig in strukturen och experimentera med deras kodexempel. För det känns som ett mycket bra sett att snabbt få upp en webbtjänst med applikationskänsla som direkt funkar i de flesta moderna smartphones.

DN är inte bara sökmotorvänliga utan användarvänliga!

DN sökmotoroptimerar för användarnaJag har länge hävdat att sökmotoroptimering och användarvänlighet går hand i hand. Google är precis som en blind besökare, de kan inte se innehållet, de måste bilda säg en uppfattning utifrån metadata. Optimerar man därför sin hemsida mot användaren och följer riktlinjerna från WAI samt de riktlinjer för webbutveckling som Verva, nu mera eutveckling tog fram, så kommer man få se lika stor fördel hos sökmotorerna.

DN har sedan ett tag tillbaka blivit riktigt duktiga på att länka viktiga nyckelord i sina artiklar mot andra artikel- eller temasidor med djupare information om ämnet. Detta är grymt användbart för besökaren och jag använder det nästan varje gång jag läser en intressant artikel för att få djupare kunskap.

Tidigare har det varit vanligt att avsluta artikeln med relaterade länkar och artiklar men på det här sättet får man informationen direkt när man behöver den. Jag kan till och med enbart genom att föra musen över länken och se vilken adress den pelare på kunnat få ut mer information för händelser som jag direkt inte kände till, då DN självklart också använder sökmotorvänliga länkar. Är det tillräckligt intressant öppnar jag det i en ny tabb bakom för senare läsning. Att detta får positiva effekter för sökmotorer är nog alla överens om. Så gör som DN:

  • Använd alltid läsvänliga adresser (sökmotorvänliga adresser)
  • Länka relevanta ord i din text till dina andra sidor på samma domän (men enbart till relevanta sidor, det är stor skillnad på SEO SPAM och relevanta länkar)

Börja därför alltid all optimering med att fråga dig själv: hur gör jag min hemsida mer användarvänlig. Så kommer du garanterar få sökmotoroptimeringen på köpet. Och då spelar det ingen roll ifall Google ändrar sin algoritm, anpassa aldrig dig efter sökmotorerna utan anpassa dig efter besökarna så kommer sökmotorerna att anpassa sig efter dig.