The PIT
Röster från ITM-koncernen.

Flash blir kvar ett tag till

December 2, 2010 11:50 by David Woxberg

Det har varit mycket snack om Flashs framtid på senare tid. Många verkar tro att exempelvis HTML5, CSS3 och javascript kommer att göra Flash överflödigt.

Jag tror inte det.

En av de främsta orsakerna är att Flash är den plattform som har störst stöd och räckvidd när det kommer till webbvideo. Om man vill nå ut brett med ett videoklipp på nätet så finns det helt enkelt ingen plattform som har större räckvidd än Flash.

Enligt Adobes siffror finns Flash på nästan 100 procent av alla internetanslutna datorer i vad företaget kallar "mogna marknader" och där exempelvis USA, Tyskland och Australien ingår.

HTML5 gör det visserligen möjligt att titta på video direkt i webbläsaren utan att installera ett insticksprogram. Men det finns två problem:

För det första så är stödet för HTML5 i världens olika webbläsare mindre än stödet för Flash. Graden av HTML5-stöd varierar dessutom mellan olika webbläsare. Internet Explorer, som fortfarande är den mest använda webbläsaren, har begränsat HTML5-stöd (Internet Explorer 8 får i skrivande stund 27 poäng av 300 på webbplatsen The HTML5 test). Den kommande versionen, Internet Explorer 9, verkar ha mycket bra stöd för HTML5 men den versionen är ännu inte färdig.

Även om video kunde hanteras lika effektivt med HTML5 som med Flash så återstår problemet att HTML5 fortfarande inte har lika stor räckvidd som Flash.

För det andra så går det inte att hantera webbvideo lika effektivt med HTML5 som med Flash - åtminstone inte ännu.

Problemet är att det inte finns någon videostandard som stöds av de HTML5-kompatibla webbläsarna. Det finns flera olika format (Ogg Theora, H.264, WebM), situationen har beskrivits som ett "videokrig" och det är oklart vilket format som kommer att vinna.

Den som i dag använder HTML5-video måste använda flera videoformat för att stödja alla HTML5-kompatibla webbläsare och dessutom använda Flash-video för att säkerställa att webbläsare som har inget eller litet HTML5-stöd ändå kan se videon. Och därmed blir det genast mer jobb, eftersom man behöver hantera flera videoformat i stället för ett. Introduktionen av HTML5-video förenklar alltså inte publiceringen av videoklipp. (Jag tycker dock att alternativ till Flash fyller en viktig funktion för att möjliggöra visning av webbvideo på enheter som inte stödjer Flash, såsom iPhone).

Det bör också nämnas att Youtube - en av världens mest besökta webbplatser - väljer att fortsätta använda Flash i stället för att ersätta Flash med HTML5.

Jag gillar HTML5 och har full förståelse för den som inte vill installera insticksprogram. Men detta handlar inte om tycke och smak.

Video-situationen förblir ett faktum oavsett om man (som jag) gillar Flash eller inte. Flash kommer att behövas under en överskådlig framtid.

Den första musikvideo som spelades på MTV var "Video killed the radio star" av The Buggles. Och även fast jag tror att det finns fler än ett skäl till att Flash kommer att finnas kvar ett tag så känns det passande att lite tillspetsat konstatera att: Video saved the Flash star!


Alfaversion av jQuery Mobile har släppts

October 18, 2010 15:52 by David Woxberg

För en tid sedan berättade jag om jQuery Mobile - en vidareutveckling av javascript-ramverket jQuery som underlättar skapandet av mobila webbapplikationer.

Nyligen släpptes Alpha 1-versionen av jQuery Mobile 1.0. Den kan laddas ner här.


jQuery Mobile på gång

September 8, 2010 17:16 by David Woxberg

De kända och populära javascript-verktyget jQuery används på många webbplatser.

Det finns flera fördelar med jQuery, inklusive dessa:

  • Det fungerar i en rad olika webbläsare.
  • jQuery tar inte upp särskilt mycket plats (omkring 24 kilobyte som minst).
  • Det går ofta snabbare att koda med jQuery jämfört med att skriva vanlig javascript-kod.
  • Det går snabbt att lägga in avancerade gränssnittskomponenter med jQuery UI. 

Inom en inte alltför avlägsen framtid släpps jQuery Mobile - en vidareutveckling av jQuery som underlättar skapandet av mobila webbapplikationer. Tanken är att jQuery Mobile ska stödja flera olika plattformar, inklusive iOS, Android och Symbian (mer detaljer finns här).

Läs mer:
jQuery Mobile


Tags:
Categories: Javascript | Mobilt
Actions: E-mail | Permalink | Comments (0) | Comment RSSRSS comment feed

Utveckla direkt i molnet med Bespin.

January 4, 2010 12:59 by Daniel Nilsson

Bespin från Mozilla Labs är en utvecklingsplatform för webbapplikationer helt och hållet byggt i HTML 5. Verktyget är en så kallad molnet-tjänst och för att kunna använda den behöver man endast en modern webbläsare och ett konto(som är gratis). Det finns många intressanta funktioner i Roadmappen för detta verktyg, bland annat kommer man att kunna följa utvecklare i sitt Team och "spela upp" hur utvecklingen framskrider. Detta är bra ifall någon är sjuk och man snabbt behöver komma in i koden. Det finns även versionskontroller och chat direkt i Bespin. Prestandan är mycket bra tack vara att den bygger på HTML 5 och det känns faktiskt som om man arbetar i en "vanlig" installerad mjukvara.

https://bespin.mozilla.com/

Jag rekommenderar intresserade att se denna video där 2 killar från Mozilla Labs berättar mer om projektet.

http://www.youtube.com/watch?v=Ps6GBLlSGLs&feature=player_embedded 

 


Google Chrome OS

November 19, 2009 20:45 by Daniel Nilsson

Google har idag haft presskonferens och släppt mer information om sitt kommande operativsystem Google Chrome OS.

Dessutom har dom även släppt källkoden fri för utvecklare.

Med Google Chrome OS är tanken att allting baseras på webbaserade tjänster och ingenting installeras eller lagras på datorn.

Detta innebär att det går mycket fort (ett par sekunder) att starta datorer med med Google Chrome OS.

Google har släppt en video som berättar mer om detta intressanta tänk:


jQuery - exempel och guider

August 17, 2009 11:03 by David Woxberg

Jag har tidigare berättat om biblioteket jQuery, som underlättar och snabbar upp användningen av javascript i webbutveckling.

Här kommer några användbara länkar som förhoppningsvis ska inspirera och göra det lättare att komma i gång med jQuery.

* Hos NOUPE finns länkar till fler än 50 jQuery-exempel.

* NOUPE har också länkar till fler än 50 jQuery-guider/exempel.

* InstantShift har länkar till fler än 40 jQuery-guider.


Tags:
Categories: Javascript | Programmering | Teknik
Actions: E-mail | Permalink | Comments (0) | Comment RSSRSS comment feed

Snabbare utveckling med bibliotek

August 6, 2009 13:34 by David Woxberg

Jag gillar att utforska verktyg som standardiserar, effektiviserar och snabbar upp utvecklingsprocessen, oavsett om det gäller mobil utveckling eller webbutveckling.

Ett bra kodbibliotek gör det enklare för utvecklaren att genomföra vissa saker. Det innehåller mycket färdigskriven kod som utvecklaren kan använda genom att bara skriva lite kod själv.

Detta är exempelvis en fördel när det gäller rutinmässiga arbetsuppgifter, sådana som ska göras om och om igen i olika projekt. Det är också användbart när det kommer till skapandet av avancerade användargränssnitt.

Här är två exempel på utmärkta bibliotek som är gratis att använda.

Först har vi jQuery - ett bibliotek som snabbar upp arbetet med javascript när det gäller AJAX-funktionalitet och mycket annat. Dokumentationen finns här.

Dessutom finns jQuery UI, som kan användas för att skapa avancerade gränssnitt med hjälp av färdiga widgets. Exempelvis finns:

*Datepicker (en kalender som enkelt kan användas för att välja datum inuti formulär)
* Listor som kan sorteras med drag-och-släpp-metoden.
* Alert-rutor.
* Flikgränssnitt ("tabs" på engelska)
* Reglage

Både jQuery och jQuery UI har bra dokumentation och gott om exempel som visar hur biblioteken kan användas.

När det gäller mobil utveckling så finns det ett utmärkt bibliotek till Java Micro Edition som heter LWUIT.

Språket Java Micro Edition erbjuder mycket funktionalitet. Det är dock väldigt tidskrävande att skapa snygga gränssnitt med hjälp av Java Micro Edition. Detta problem har lösts genom LWUIT, som erbjuder färdiga komponenter och effekter. Exempelvis:

* Textfält
* Knappar
* Pop up-rutor
* Formulärknappar
* 2D-övergångar
* 3D-övergångar

Med hjälp av en liten resurseditor så kan man enkelt stilsätta sina komponenter med hjälp av teman. Med hjälp av denna editor går det exempelvis också att skapa bitmap-typsnitt på ett väldigt enkelt sätt.


Tags:
Categories: Javascript | Programmering | Teknik
Actions: E-mail | Permalink | Comments (0) | Comment RSSRSS comment feed

Web app utveckling för iPhone, Del 1

January 20, 2009 17:11 by Daniel Nilsson

Vill du lära dig att utveckla web apps till iPhone och iPod Touch? Då har du kommit rätt.
Det här är första delen i en serie som kommer att innehålla information, råd och exempel i ämnet.
Vi börjar från grunden.

Vad är en web app?
En iPhone web app är en hemsida som liknar och beter sig ungefär som vanliga program som har installerats på iPhone. Web apps öppnas i webbläsaren Safari, som finns i både iPhone och i iPod Touch.

En web app har inte riktigt samma potential och bredd när det gäller snabbhet och funktioner jämfört med installerade program på iPhone. Däremot kan web apps gå snabbare att utveckla jämfört med program som laddas ner och installeras.
 Vad är det som krävs?
En web app består i grunden av dokument i format som html, css och javascript med tillhörande resurser, som bilder. Därför kan en web app skapas på samma sätt som vanliga hemsidor, med en texteditor eller en mer avancerad utvecklingsmiljö.

Det går att registrera sig som iPhone-utvecklare hos Apple. Det är inte nödvändigt att göra det för att utveckla web apps till iPhone, men det rekommenderas på grund av all välgjord dokumentation som finns tillgänglig för registrerade användare.

Du kan följa denna länk om du vill registrera dig:

http://developer.apple.com/iphone/


Vad ska ditt program göra?

Till att börja med gäller samma rekommendation som för programutveckling i största allmänhet: börja med att noga tänka igenom vad applikationen ska göra och hur den ska fungera.

Det är exempelvis viktigt att programmet har ett tydligt syfte. Program som skapas till mobiltelefoner, iPhone eller ej, specialiserar sig på något specifikt. Ett program skulle exempelvis kunna visa aktiekurser eller dagens horoskop. Men det bör inte göra både och.

Orsaken är att program i mobiltelefoner används i andra miljöer och i andra sammanhang än traditionella datorprogram. En person som sitter bekvämt framför datorn i hemmet har kanske tid och lust att spendera 20 minuter för att lista ut hur ett nytt program fungerar. En person som är på språng har knappast lika stort tålamod.

En person som öppnar ett mobilprogram för första gången bör snabbt förstå hur det fungerar. Det ställer flera krav på gränssnittet: Det ska vara väldigt enkelt att förstå, enkelt att använda och reagera snabbt på användarens handlingar.

Vi återkommer med tips om hur du uppfyller dessa krav. Just nu konstaterar vi bara att kraven är enklare att uppfylla om programmet är så specialiserat som möjligt.

Tänk på begränsningarna

Eftersom ett mobilprogram bör vara snabbt så är det viktigt att tänka på telefonens begränsningar. En telefon är inte lika snabb som en modern dator och klarar därmed inte av lika mycket. För att garantera användaren en snabb och bra upplevelse är det därför viktigt att göra så mycket som möjligt med så få resurser som möjligt.

Några tips:

• Optimera din kod så långt det är möjligt. Skriv inte mer än nödvändigt.
• Optimera dina bilder så mycket som det går. Ju mindre filstorlek, desto bättre.
• Se till att vara restriktiv med javascript, både när det gäller mängden kod och den tid som det tar att köra koden.

Det var allt för den här gången. I nästa del tittar vi närmare på hur man skapar en web app.


Hämta Querystrings med Javascript

September 19, 2008 11:06 by Christoffer Munkestam

Nu på förmiddagen så var jag i behov av att hämta ner data från en querystring till en javascriptfunktion. Jag tror aldrig tidigare att jag faktiskt stött på det problemet. Hur som helst så började jag fundera över hur man gjorde, i brist på svar från tomtarna i mitt huvud så googlade jag. Förvånande nog så verkar det inte finnas något inbyggt i javascript för att hantera enskilda nycklar i querystrings, utan man kan tydligen bara plocka ner alltihop för att sedan själv grotta runt med stränghantering för att få ut det man vill ha.

Hittade ganska många riktigt dåliga försök att hantera det där vettigt i javascript. Det loopades genom strängar till höger och vänster, splittades och bökades runt. Precis när jag höll på att ge upp och istället själv sätta mig för att bygga en vettig funktion baserad på regular expressions så hittade jag en som är helt i min smak, så jag tänkte att jag passar på att ge den lite mer uppmärksamhet om det är fler som stöter på behovet i framtiden.

function getQuerystring(key, default_)
{
  if (default_==null) default_=""; 
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
} 

Källa: http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx


Tags:
Categories: Programmering | Javascript
Actions: E-mail | Permalink | Comments (2) | Comment RSSRSS comment feed