lillbra.se

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]

En kommentar till “Så skapar du Web Slices för Internet Explorer 8”

  1. [...] Relaterade inlägg: Så skapar du Web Slices för Internet Explorer 8 [...]

Kommentera

Rullar på Wordpress med modifierat Guerrilla-tema