Arkiv för the ‘Utveckling’ Category
Framtiden tillhör HTML 5
I ett par år nu har det varit heta diskussioner om vilket uppmärkningsspråk som ska gälla på nätet i framtiden – HTML 5 eller XHTML 2. Men nu äntligen kan webbvärlden enas bakom en standard.
Förra veckan meddelade nämligen W3C att arbetsgruppen för XHTML 2 kommer att upplösas i slutet av detta år (via Monday By Noon). HTML 5 blir den standard som går segrande ur duellen! Föga förvånande kanske många tycker, men nu är det alltså officiellt. På idg.se kan du läsa mer.
Bara den senaste månaden har tekniken fått flera stora erkännanden:
- Safari 4 släpps med stort HTML 5-stöd, bland annat
video,audioochoffline - Firefox 3.5 släpps, också den med stöd för ovan nämnda
- Google har börjat använda HTML 5 som doctype på Google.com
- Googles berättar om Google Wave som bygger på HTML 5
Så hur gör du då för att komma igång med HTML 5? Det finns mängder av tutorials och nybörjarguider! Smashing Magazine har sammanställt några resurser för HTML 5, bland vilka tex. utmärkta HTML 5 Doctor finns. Lycka till!
[tags]html, xhtml, html 5, xhtml 2, webbstandarder, standarder, w3c [/tags]
CSS Naked Day 2009
Idag är det CSS Naked Day 2009, vilket innebär att den här bloggen ser lite annorlunda ut igen. CSS Naked Day är ett årligt event för att främja webbstandards. Genom att ta bort all styling på sajten påminner man om betydelsen av riktigt användande av (x)html, semantisk markup och en bra hierarkisk struktur på koden.
Det är tredje gången jag strippar för detta ändamål – läs mina inlägg från 2007 och 2008.
Det är dags att du också visar upp din <body> 
Är du med oss?
[tags]css, css naked day, webbstandarder[/tags]
Så skapar du Web Slices för Internet Explorer 8
Förra månaden släpptes Internet Explorer 8 och med den kom ny funktionalitet bland annat i form av s.k. Web Slices. Jag har skrivit om Web Slices tidigare, men i denna bloggpost visar jag mer detaljerat hur du skapar egna Web Slices.
Vad är Web Slices?
Med Web Slices kan användarna prenumerera på delar av innehållet på en webbsida. På ett sätt som påminner om RSS, kan man få uppdateringar när visst innehåll förnyas. Det finns ett plugin för att få samma funktionalitet i Firefox. Och det ryktas om att Opera ska lägga in stöd för Web Slices.
Hur fungerar det?
När användaren för musen över en Web Slice på webbsidan markeras elementet och en grön ikon visas. Och den annars orangea RSS-ikonen i addressfältet blir grön om Web Slices finns på sidan. Genom att klicka på någon av ikonerna så läggs en prenumeration till i webbläsaren.
Html-kod för Web Slices
Web Slices är skapat som ett microformat kallat hSlice som bygger på hAtom. Principen för att skapa Web Slices är, som för alla microformat, att lägga till visa fördefinierade klassnamn in html-koden. hSlices har följande klassnamn (*=obligatoriska klasser):
- hslice * – föräldraelement till Web Slicen
- entry-title * – titel för Web Slicen
- entry-content – text som visas när besökaren väljer Web Slicen i favoritfältet
- endtime – tid och datum då Web Slicen blir inaktuell
- ttl – antal minuter innan Web Slicen kan uppdateras igen
Ett exempel på en Web Slice kan t.ex. vara:
Annat att tänka på
Av säkerhetsskäl tillåts en Web Slice inte att innehålla javascript eller formulär. Men det finns stöd för cookie- och HTTP-autentisering, så att information kan hämtas från en sidor som kräver inloggning.
Om inget datum eller tid för Web Slicen sätts, kollar IE8 efter uppdateringar var 15:e minut.
Om man inte vill att webbläsaren ska visa den gröna ikonen då musen förs över elementet kan man lägga till följande meta-tagg på sidan:
<meta name="slice" scheme="IE" content="off"/>
Det går att lägga till en prenumeration genom javascript med följande funktion, där man anger url, titel och typ.
window.external.addToFavoritesBar('http://example.com/default.aspx#News', 'News from Example.com', 'slice');
Man kan låta Web Slicen uppdateras från ett RSS-flöde istället genom att peka ut en feedurl i sin hslice:
<a rel="feedurl" href="http://localhost/webslice/weather.xml" style="display:none;"></a>
En sista tanke
Även om hSlice är ett format från Microsoft, och ingen standard, så tycker jag att det är värt att använda. Jag tycker man bör möjliggöra konsumtion av innehåll utanför själva sajten, och gillar själv att använda olika notifierings-funktioner. Så skapa Web Slices precis som med andra microformat – som ett mervärde åt de användare som kan och vill använda det.
Lycka till!
Läs mer på: En rikare upplevelse med Internet Explorer 8: Web Slices – msdn
Webslice for IE8 Tutorial Programming the new world – Nick Belhomme
[tags]web slices, rss, internet explorer 8, ie8, hslices, microformat[/tags]
Jag heter Jonatan Larsson och jobbar som webbutvecklare. Det här är min blogg om webbutveckling och webb- trender. Du kan läsa mer om mig här.
