A new feature called WebSlices has been introduced in IE8 Beta 1, allowing you to subscribe to and get regular updates from different parts of a Web page.

A portion of a Web page marked as a WebSlice acts as a feed. When a user subscribes to one, it is added to their Favourites bar and they get informed when the content gets updated.

If a Web page contains a feed the circled icon below will be orange and, purple if it contains WebSlices. If neither is detected the icon will stay inactive.

Microsoft claims that you are able to find WebSlices directly on a Web page by moving your mouse over an area that has been marked as a WebSlice. The purple button below is supposed to show up in the top-left corner of a WebSlice, but I haven't been able to discover this feature so far.

To subscribe to a WebSlice and get alerted when the content gets updated click on the icon below in your browser. When prompted click the add button.

Once you have added the WebSlice it will appear in your Favourites bar. The bold text indicates there are new updates.

To preview the content, click the WebSlice button. A window containing the latest content will pop up. You have the option of navigating to the full page by clicking the open button.

Behind the scenes

To understand how WebSlices work, let's take a look at the code behind them. Marking a portion of a Web page as a WebSlice is done with hAtom Microformat and the WebSlice format. In addition to basic properties they can contain expiration and bandwidth properties, but here we'll look at the basic anatomy of a WebSlice.

A WebSlice consist of a container, entry title and entry format which is optional. The first two are compulsory.

The container, which encompasses the entire WebSlice must have a class name of hslice and an ID. The entry title and entry content use entry-title and entry-content class names respectively (see the example code below). 


<div class="hslice" id="webslice">
   <p class="entry-title"> MSN.com Slideshow </p>
   <div class="entry-content"> Latest content ... </div>
</div>

Now that you have an understanding of WebSlices, you can create your own or use them to get updates from Web sites you visit frequently.

Do you need help with Web Technologies? Gain advice from Builder AU forums

Related links

Leave a comment

You must read and type the 6 chars within 0..9 and A..F

* indicates mandatory fields.

Log in


Sign up | Forgot your password?

Blogs

RSS feed

  • Staff XP stays on life support for longer

    This week's Roundup looks at Microsoft's decision to extend the life of Windows XP, the release of Microsoft Surface SDK, Firefox's new Geode plug-in, Yahoo's new tool -- Smush It and more. Read more »

    -- posted by Staff

  • Chris Duckett The good and truly awful celluloid depictions of computers

    Ever wonder why your lawyer uncle leaves the room whenever you turn over to Boston Legal? Or why your forensic science cousin can't stand crime drama? You know the answer: it’s the horrid trivialisation and dumbing down of an occupation to make it appear entertaining. Sometimes it is so unbelievable that it actually hurts and yelling at the screen is the only outlet. Read more »

    -- posted by Chris Duckett

  • Brendon Chase Apple's iPhone engineers to tour Sydney, Melbourne

    Aussie developers will be able to get up close and personal with some of the iPhone engineers in November to learn how to build applications for the platform. Read more »

    -- posted by Brendon Chase

What's on?