DotNetBlog der DotNet-Blog Alles rund um Microsoft .NET – von  Sascha H. Baumann

Internet Explorer 8 Beta: WebSlices in der Praxis

1 Star2 Stars3 Stars4 Stars5 Stars (Noch nicht bewertet. Seien Sie der/die Erste !)
Loading ... Loading ...

Guten Morgen,

ich habe mich am Wochenende mal etwas näher mit dem Feature “WebSlices” des neuen Internet Explorer 8 beschäftigt. Download-Links und weitere Infos finden sich in den Links zum Wochenende Ausgabe 3.

Zunächst eine Grundlegende Erklärung zu den WebSlices. Es handelt sich dabei um spezielle DIV-Tags die in der Webseite eingebettet sind und vom Browser quasi “abonniert” werden können.

Ein einfaches Slice wäre zum Beispiel das folgende:

<div  class="hslice" id="id1" style="display:none">
   <p class="entry-title">Aktuell im DotNetBlog</p>
   <div class="entry-content">
     <p>
        <a href="http://dotnetblog.saschabaumann.com/2008/09/links-zum-wochenende-ausgabe-3-06092008/">Links zum Wochenende - Ausgabe 3 - 06.09.2008</a>
     </p>
   </div>
</div>

Der Display-Style ist nicht unbedingt notwendig, aber wenn der Slice kein Element der Webseite enthält und für den normalen Seitenbesucher unsichtbar sein soll, bietet es sich an.

Eine kurze Checkliste :

  • Das umschließende DIV-Tag muss die Klasse “hslice” haben und eine ID besitzen.
  • Der “entry-title” ist der Text, der in der WebSlices-Leiste des Browsers angezeigt wird.
  • Der “entry-content” ist ein umschließendes Element, innerhalb kann beliebiger HTML Code inklusive Links etc. enthalten sein. Das “entry-content” Element kann mehrfach vorkommen.

Beim öffnen der mit einem Slice angereicherten Seite färbt sich der WebSlices-Button von Orange nach Grün und die hinterlegte Liste enthält unseren Slice.

Unser neuer Webslice wird vom Browser erkannt

Wählt man ihn aus, wird man gefragt ob man ihn abonnieren möchte.

Der Dialog des Internet Explorer 8 zum abonnieren eines WebSlides

Wenn wir das tun, landet er in der Slices-Übersicht zusammen mit einem Dropdown-Pfeil der unseren Content öffnet.

Der WebSlice wird vom Browser eingebunden

Die Bilder beinhalten zugegeben etwas mehr Inhalt als das simple Beispiel oben.

Eine Frage die sich mir gestellt hat: Was wäre für Blogbetreiber ein sinnvolles Einsatzgebiet ? Mir ist auf Anhieb nur die Verwendung als Hinweis auf neue Artikel eingefallen, da der Slice-Button im Browser fett wird, wenn sich etwas auf der abonnierten Slice tut.

Sollte jemand noch spannende Ideen zur Verwendung haben, schreibt mir doch einfach einen Kommentar.

Für Neugierige, die sich gerne selbst noch weitergehend mit WebSlices auseinandersetzten möchten, hier ein Paar interessante Links:

Share and Enjoy:
  • Digg
  • del.icio.us
  • Mixx
  • Google Bookmarks
  • MisterWong.DE
  • Technorati
  • Webnews.de
  • YahooMyWeb

Hinterlasse eine Antwort

CAPTCHA-Bild CAPTCHA Audio
Bild neuladen

Bad Behavior has blocked 35 access attempts in the last 7 days.