Arkiv

Inlägg taggade ‘safari’

Mer HTML5 godis

Efter positiv respons från mitt föregående inlägg angående om HTML5 tänkte jag med detta inlägg ta upp ytterligare saker som man kan göra med HTML5 med eller utan kombination med CSS3.

När jag hade lite tid över idag slängde jag ihop en liten och rätt praktisk funktion för alla som har noll lokalsinne, men som kan läsa en Google Maps-karta. Det jag har snickrat ihop är, för den som inte har listat ut det, en funktion med hjälp av webbläsaren kan få  latitud och longitud på den position som datorn tror sig befinna sig. Detta är möjligt då den kan kolla upp om var en eller flera IP-nummer befinner sig geografiskt och därmed positionera in datorn med hjälp av dessa. Sitter man exempelvis på ett Café med trådlöst nätverk är det troligt att det finns en databas som vet Caféts IP-nummer och har koordinaterna till platsen. Om datorn upptäckt och uppkopplad mot nätverket är det tillräckligt för att webbläsaren ska kunna lista ut var du befinner dig. Dessutom kan webbläsaren med hjälp av andra omgivande trådlösa nätverk räkna ut en mer exakt position. Om datorn eller telefonen är utrustad med en GPS kan webbläsaren förstås också använda sig av den för att räkna ut sin position. För den som är intresserad av mer djupgående förklaring på hur det fungerar har about.com skrivit en artikel om ämnet.

Innan man bör ge sig på att testa min GEOLocation-sida nedan bör man ha läst om när, var och hur information om sin position ges ut. En sammanfattning av informationen är kort och gott att din position delas aldrig ut utan ditt samtycke och webbläsaren tar heller inte reda på positionen utan ditt samtycke.

Nu till det roliga. Enda kravet, bortsett från en fungerande Internetuppkoppling, för att min GEOLocation-sida ska fungera är att använda  en vettig webbläsare på sin datorn.  De webbläsare som i dagsläget fungerar bäst i är senaste versionen av antingen FireFox, Google Chrome, Safari på iPhone eller valfri Android-telefon.

Klicka här för att komma till GEOLocation-sidan.

För de olyckligt lottade som har en mindre bra webbläsare får nöja sig med ett exempel som är bilen ovan.

Här nedan kommer koden som jag använder för GEOLocation-sidan. Jag har markerat de rader som jag tror är mest intressanta i koden. Läs mer…

Hej HTML5 och CSS3, hej då Flash!

april 23rd, 2010 2 kommentarer

När jag en gång i tiden började med webbutveckling var det förutom HTML och CSS var det en teknik som jag uppskattade, det var Adobe Flash. Med Flash kunde man, till skillnad mot CSS och HTML, göra allt från roliga animeringar till spel och mycket mer. På min hemsida hade jag en hel sektion med bara spel som man kunde spela och som bara var gjorda i Flash. Detta lockade en hel del besökare. Enligt ett statistik-script som jag hade var det i genomsnitt 50 unika besökare om dagen, vilket då var helt okej för en liten hemsida. På den tiden fanns det till och med hemsidor helt gjorda i Flash och som dessutom var riktigt snygga och väl designade med massor av effekter som vilken 10-åring som helst skulle kunna bli imponerad av. Det jag inte tänkte på då men jag som utvecklare idag tänker på är att Flash har en akilleshäl, eller kanske snarare flera. Några är dem är:

  • Finns inte Flash Player installerat hos slutanvändaren, då är det kört. Speciellt en hemsidas viktiga mekanismer (ex. navigering, innehåll, kontakt formulär)  är helt eller delvis beroende av Flash. Hur ska en användare kunna navigera på en hemsida utan något att ha någon navigation?
  • Kräver mycket CPU. Sätt igång en Youtube 1080p-hd videoklipp på en netbook, och jämför det med vanlig 1080p klipp med valfri fil-format förstår ni precis vad jag pratar om.  Även för den minst kräsna video-tittaren märker att en bild spelas i 25 bilder per sekund mot 1-2 bilder per sekund eller kanske 3-4 om man har tur. (För en film ska flyta på bra krävs minst 25 bilder per sekund i uppspelning).
  • Ej SEO-vänligt. Google kan inte ta tillvara på innehållet i Flash-animation eller Flash-applikation.
  • Bandbreddskrävande. Gå in på Aftonbladet eller annan webbplats med mycket Flash-reklam på en seg uppkoppling förstår nog de flesta vad jag pratar om.

Men varför används så mycket Flash om det har så många svagheter? Helt enkelt för att det inte har funnits någon värdig ersättare till tekniken. Men nu är någonting på gång och som många kanske redan vet är det HTML5 och CSS3 som jag talar om. Förutom att Youtube kör tester med HTML5 finns det en del andra som håller på med att leka med den ännu inte helt utvecklade tekniken CSS3. Några exempel: Läs mer…

Att blogga på en iPhone

juni 21st, 2009 2 kommentarer

Detta är mitt första inlägg som jag gör från min iPhone. Detta gör jag genom en fri applikation som heter WordPress och finns att ladda ned från Appstore.

Även om många funktioner fattas så innehåller den de mest grundläggande man behöver för att publicera nya inlägg på resande fot eller förbereda nya online och (vad det verkar som) offline.
Då kan man ställa sig frågan ”varför en extra app och inte bara att surfa in på WordPress via webbläsaren?” Senaste jag provat med iPhone OS 2.2.1 verkar det som att den hade problem att skriva i den ruta där man ska skriva texten av någon anledning. Dessutom gick allt långsammare på grund av all javascript. Nu har jag inte provat med OS 3.0 där webbläsaren (dvs. Safari) har blivit ännu snabbare, men antagligen en gratis skräda sydd app helt enkelt bäst. Ska även prova speciella tillägg just för att förbättra prestandaraden när man besöker sidan med en mobiltelefon. Just nu har jag bara ett tema som bara visar sig då när en iPhone eller iPod tuch surfar i på sidan. Ska uppdatera denna inlägg eller återkomma med ett nytt med bilder på temat. För er som har en iPhone eller en iPod tuch är det bara att surfa in som vanligt på Wallmander.net och beundra. Tycker man inte om den och föredrar mitt tema är det bara att stänga av den.

Ändring: Det verkar inte som att iPhone 3.0 inte heller fixar det, vilket jag tycker väldigt märkligt. Men jag antar att inte någon annan mobil webbläsare kan detta heller? Annars är det bara att säga till och bevisa att jag har fel.