<?xml version="1.0" encoding="UTF-8"?>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://purl.org/rss/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel rdf:about="http://blogmarks.net/api/marks/search/y%5C%5C%5C%5C%5C%5C%5C%27element">
<title>Public marks with search y\\\\\\\'element</title>
<description>Public marks with search y\\\\\\\'element</description>
<link>http://blogmarks.net/marks/search/y%5C%5C%5C%5C%5C%5C%5C%27element</link>
<items><rdf:Seq><rdf:li resource="http://blogmarks.net/api/user/vrossign/mark/1058572791"/>
<rdf:li resource="http://blogmarks.net/api/user/marco/mark/1058571368"/>
<rdf:li resource="http://blogmarks.net/api/user/srcmax/mark/1058567557"/>
<rdf:li resource="http://blogmarks.net/api/user/touristic/mark/1058566790"/>
<rdf:li resource="http://blogmarks.net/api/user/mozkart/mark/1058563012"/>
<rdf:li resource="http://blogmarks.net/api/user/Spone/mark/1058550877"/>
<rdf:li resource="http://blogmarks.net/api/user/decembre/mark/1058547729"/>
<rdf:li resource="http://blogmarks.net/api/user/dzc/mark/1058495801"/>
<rdf:li resource="http://blogmarks.net/api/user/mozkart/mark/1058481891"/>
<rdf:li resource="http://blogmarks.net/api/user/greut/mark/1058473702"/>
<rdf:li resource="http://blogmarks.net/api/user/geraldg/mark/1058472686"/>
<rdf:li resource="http://blogmarks.net/api/user/night.kame/mark/1058465047"/>
<rdf:li resource="http://blogmarks.net/api/user/decembre/mark/1058547874"/>
<rdf:li resource="http://blogmarks.net/api/user/Spone/mark/1058421541"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058415965"/>
<rdf:li resource="http://blogmarks.net/api/user/Krome/mark/1058411774"/>
<rdf:li resource="http://blogmarks.net/api/user/srcmax/mark/1058406783"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058354212"/>
<rdf:li resource="http://blogmarks.net/api/user/br1o/mark/1058557094"/>
<rdf:li resource="http://blogmarks.net/api/user/rickydrier/mark/1058315182"/>
<rdf:li resource="http://blogmarks.net/api/user/kobo/mark/1058306181"/>
<rdf:li resource="http://blogmarks.net/api/user/Neewok/mark/1058290585"/>
<rdf:li resource="http://blogmarks.net/api/user/kunix/mark/1058249263"/>
<rdf:li resource="http://blogmarks.net/api/user/jpcaruana/mark/1058245510"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058231348"/>
</rdf:Seq></items>
</channel>
<item rdf:about="http://blogmarks.net/api/user/vrossign/mark/1058572791">
<title>Simple Draggable Element Persistence with jQuery - Nettuts </title>
<link>http://net.tutsplus.com/tutorials/javascript-ajax/simple-draggable-element-persistence-with-jquery/</link>
<description></description>
<dc:date>2009-11-05T08:59:03Z</dc:date>
<dc:author>vrossign</dc:author>
<dc:subject>jQuery, js, drag, draggable, persistence, persistent</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://net.tutsplus.com/tutorials/javascript-ajax/simple-draggable-element-persistence-with-jquery/"><img border="0" src="http://blogmarks.net/screenshots/2009/11/05/8d2179acddd4b66385489d50bbdab028.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://net.tutsplus.com/tutorials/javascript-ajax/simple-draggable-element-persistence-with-jquery/">Simple Draggable Element Persistence with jQuery - Nettuts </a></h4>
 
by <a href="http://blogmarks.net/user/vrossign">vrossign</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/jQuery">jQuery</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/js">js</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/drag">drag</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/draggable">draggable</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/persistence">persistence</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/persistent">persistent</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058572791">Copy</a> | 
<a href="http://blogmarks.net/link/3401163">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/marco/mark/1058571368">
<title>Why do we have an IMG element?</title>
<link>http://diveintomark.org/archives/2009/11/02/why-do-we-have-an-img-element</link>
<description>Quite simply, because Marc Andreessen shipped one, and shipping code wins.</description>
<dc:date>2009-11-03T19:02:29Z</dc:date>
<dc:author>marco</dc:author>
<dc:subject>html, img, history</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://diveintomark.org/archives/2009/11/02/why-do-we-have-an-img-element"><img border="0" src="http://blogmarks.net/screenshots/2009/11/03/abfb8d3c02a58b53094f281b073c1df5.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://diveintomark.org/archives/2009/11/02/why-do-we-have-an-img-element">Why do we have an IMG element?</a></h4>
 
by <a href="http://blogmarks.net/user/marco">marco</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3399804">1 other(s)</a> 
<p class="description">Quite simply, because Marc Andreessen shipped one, and shipping code wins.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/html">html</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/img">img</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/history">history</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058571368">Copy</a> | 
<a href="http://blogmarks.net/link/3399804">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/srcmax/mark/1058567557">
<title>Software is hard | Eventbug (alpha) Released</title>
<link>http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/</link>
<description>&lt;blockquote&gt;
&lt;p&gt;This extension brings a new Events panel that lists all of the event handlers on the page grouped by event type. The panel also nicely integrates with other Firebug panels and allows to quickly find out, which HTML element is associated with specific event listener or see the Javascript source code.&lt;/p&gt;
&lt;/blockquote&gt;</description>
<dc:date>2009-10-30T09:12:57Z</dc:date>
<dc:author>srcmax</dc:author>
<dc:subject>javascript, extension, firebug, firefox, eventbug</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/30/0c50a57822a5683a0790b3d13e359dc5.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/">Software is hard | Eventbug (alpha) Released</a></h4>
 
by <a href="http://blogmarks.net/user/srcmax">srcmax</a> 
<div class="description"><blockquote>
<p>This extension brings a new Events panel that lists all of the event handlers on the page grouped by event type. The panel also nicely integrates with other Firebug panels and allows to quickly find out, which HTML element is associated with specific event listener or see the Javascript source code.</p>
</blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/javascript">javascript</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/extension">extension</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/firebug">firebug</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/firefox">firefox</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/eventbug">eventbug</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058567557">Copy</a> | 
<a href="http://blogmarks.net/link/3396890">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/touristic/mark/1058566790">
<title>Showcase of Some of the Most Inspiring Travel &amp; Tourism Websites - Inspect Element</title>
<link>http://inspectelement.com/articles/showcase-of-some-of-the-most-inspiring-travel-and-tourism-websites/</link>
<description></description>
<dc:date>2009-10-29T13:26:07Z</dc:date>
<dc:author>touristic</dc:author>
<dc:subject>cdt64, site top, ergonomie</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://inspectelement.com/articles/showcase-of-some-of-the-most-inspiring-travel-and-tourism-websites/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/29/762acff2f540120f2e07520e78e74136.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://inspectelement.com/articles/showcase-of-some-of-the-most-inspiring-travel-and-tourism-websites/">Showcase of Some of the Most Inspiring Travel &amp; Tourism Websites - Inspect Element</a></h4>
 
by <a href="http://blogmarks.net/user/touristic">touristic</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/cdt64">cdt64</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/site%2Btop">site top</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/ergonomie">ergonomie</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058566790">Copy</a> | 
<a href="http://blogmarks.net/link/3396295">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/mozkart/mark/1058563012">
<title>CSS Tools: Reset CSS</title>
<link>http://meyerweb.com/eric/tools/css/reset/</link>
<description>The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original &quot;meyerweb reset&quot; found its way into Blueprint, among others.

The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.

In other words, this is a starting point, not a self-contained black box of no-touchiness.</description>
<dc:date>2009-10-25T10:27:50Z</dc:date>
<dc:author>mozkart</dc:author>
<dc:subject>css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://meyerweb.com/eric/tools/css/reset/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/25/f1127eb1588ba86a4ccf6827eca211a7.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://meyerweb.com/eric/tools/css/reset/">CSS Tools: Reset CSS</a></h4>
 
by <a href="http://blogmarks.net/user/mozkart">mozkart</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2724527">1 other(s)</a> 
<p class="description">The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others.

The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.

In other words, this is a starting point, not a self-contained black box of no-touchiness.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css">css</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058563012">Copy</a> | 
<a href="http://blogmarks.net/link/2724527">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Spone/mark/1058550877">
<title>Video on the Web - Dive Into HTML5</title>
<link>http://diveintohtml5.org/video.html</link>
<description>The definitive guide to video element in HTML5.</description>
<dc:date>2009-10-15T10:13:31Z</dc:date>
<dc:author>Spone</dc:author>
<dc:subject>video, html5, codec, ogg, theora, h264</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://diveintohtml5.org/video.html"><img border="0" src="http://blogmarks.net/screenshots/2009/10/15/fccb38989194f8fef2b4fc0b538aa201.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://diveintohtml5.org/video.html">Video on the Web - Dive Into HTML5</a></h4>
 
by <a href="http://blogmarks.net/user/Spone">Spone</a> 
<p class="description">The definitive guide to video element in HTML5.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/video">video</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/html5">html5</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/codec">codec</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/ogg">ogg</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/theora">theora</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/h264">h264</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058550877">Copy</a> | 
<a href="http://blogmarks.net/link/3384152">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/decembre/mark/1058547729">
<title>OpenURL ContextObject in SPAN (COinS) Use with LibX (Firefox extension that provides direct access to your library's resources).</title>
<link>http://ocoins.info/</link>
<description>To embed citation metadata into html in such a way that processing agents can discover, process and make use of the metadata. Since an important use of this metadata will be to allow processing agents to make OpenURL hyperlinks for users in libraries (latent OpenURL), the method must allow the metadata to be placed any where in HTML that a link might appear. In the absence of some metadata-aware agent, the embedded metadata must be invisible to the user and innocuous with respect to HTML markup. To meet these requirements, the span element was selected. The NISO OpenURL ContextObject is selected as the specific metadata package. The resulting specification is named &quot;ContextObject in SPAN&quot; or COinS for short. ..... A COinS Generator site is available - See : COinS Processors Alf Eaton's Greasemonkey script for processing COinSVirginia Tech's</description>
<dc:date>2009-10-01T09:40:59Z</dc:date>
<dc:author>decembre</dc:author>
<dc:subject>bib, bibliotheque, coins, metadata, metadonnée, library, web2.0, library2.0, bibliotheque2.0, libx, openurl, extension, firefox, toolbarre, toolbar, reference, ressource, tool, outil, microformat, html</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://ocoins.info/"><img border="0" src="http://blogmarks.net/screenshots/2009/01/12/a17d83bb9159664e7cf7360f2c9b2e64.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://ocoins.info/">OpenURL ContextObject in SPAN (COinS) Use with LibX (Firefox extension that provides direct access to your library's resources).</a></h4>
 
by <a href="http://blogmarks.net/user/decembre">decembre</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/428593">3 other(s)</a> 
<p class="description">To embed citation metadata into html in such a way that processing agents can discover, process and make use of the metadata. Since an important use of this metadata will be to allow processing agents to make OpenURL hyperlinks for users in libraries (latent OpenURL), the method must allow the metadata to be placed any where in HTML that a link might appear. In the absence of some metadata-aware agent, the embedded metadata must be invisible to the user and innocuous with respect to HTML markup. To meet these requirements, the span element was selected. The NISO OpenURL ContextObject is selected as the specific metadata package. The resulting specification is named "ContextObject in SPAN" or COinS for short. ..... A COinS Generator site is available - See : COinS Processors Alf Eaton's Greasemonkey script for processing COinSVirginia Tech's</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/bib">bib</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/bibliotheque">bibliotheque</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/coins">coins</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/metadata">metadata</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/metadonn%25C3%25A9e">metadonnée</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/library">library</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/web2.0">web2.0</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/library2.0">library2.0</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/bibliotheque2.0">bibliotheque2.0</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/libx">libx</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/openurl">openurl</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/extension">extension</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/firefox">firefox</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/toolbarre">toolbarre</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/toolbar">toolbar</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/reference">reference</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/ressource">ressource</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/tool">tool</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/outil">outil</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/microformat">microformat</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058547729">Copy</a> | 
<a href="http://blogmarks.net/link/428593">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/dzc/mark/1058495801">
<title>In the Woods – 15 CSS Tricks That Must be Learned</title>
<link>http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/</link>
<description>1. Absolute positioning inside a relative positioned element.
2. Z-Index and positioning.
3. Margin Auto
4. Use Padding Carefully and Appropriately...</description>
<dc:date>2009-09-07T13:08:59Z</dc:date>
<dc:author>dzc</dc:author>
<dc:subject>css, tip, conseil, intégration css/xhtml</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/"><img border="0" src="http://blogmarks.net/screenshots/2009/09/07/fbcbfd9935becc779fe851d6c0db84e0.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/">In the Woods – 15 CSS Tricks That Must be Learned</a></h4>
 
by <a href="http://blogmarks.net/user/dzc">dzc</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3172625">3 other(s)</a> 
<p class="description">1. Absolute positioning inside a relative positioned element.
2. Z-Index and positioning.
3. Margin Auto
4. Use Padding Carefully and Appropriately...</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css">css</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/tip">tip</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/conseil">conseil</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/int%25C3%25A9gration%2Bcss%252Fxhtml">intégration css/xhtml</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058495801">Copy</a> | 
<a href="http://blogmarks.net/link/3172625">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/mozkart/mark/1058481891">
<title>JQuery Cycle Plugin</title>
<link>http://www.malsup.com/jquery/cycle/</link>
<description>The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
How it Works
The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a &quot;slide&quot;. Options control how and when the slides are transitioned. </description>
<dc:date>2009-08-26T09:38:10Z</dc:date>
<dc:author>mozkart</dc:author>
<dc:subject>slideshow</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.malsup.com/jquery/cycle/"><img border="0" src="http://blogmarks.net/screenshots/2009/08/26/b8ef11416a7b36b43509ebcf5375f630.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.malsup.com/jquery/cycle/">JQuery Cycle Plugin</a></h4>
 
by <a href="http://blogmarks.net/user/mozkart">mozkart</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2533159">9 other(s)</a> 
<p class="description">The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
How it Works
The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Options control how and when the slides are transitioned. </p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/slideshow">slideshow</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058481891">Copy</a> | 
<a href="http://blogmarks.net/link/2533159">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/greut/mark/1058473702">
<title>Johnny Holland - It’s all about interaction  » Blog Archive   » The iPhone is Not Easy to Use: A New Direction for UX Design</title>
<link>http://johnnyholland.org/magazine/2009/08/the-iphone-is-not-easy-to-use-a-peek-into-the-future-of-experience-design/</link>
<description>&lt;blockquote&gt;&lt;p&gt;For every job that must be done, there is an element of fun. You find the fun and SNAP! The job’s a game!&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;My grand-father was saying: life is a game&lt;/p&gt;</description>
<dc:date>2009-08-20T13:31:04Z</dc:date>
<dc:author>greut</dc:author>
<dc:subject>blog, design, job, iphone, interaction</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://johnnyholland.org/magazine/2009/08/the-iphone-is-not-easy-to-use-a-peek-into-the-future-of-experience-design/"><img border="0" src="http://blogmarks.net/screenshots/2009/08/20/73ec8977f7c7a3d38439e55370f7f914.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://johnnyholland.org/magazine/2009/08/the-iphone-is-not-easy-to-use-a-peek-into-the-future-of-experience-design/">Johnny Holland - It’s all about interaction  » Blog Archive   » The iPhone is Not Easy to Use: A New Direction for UX Design</a></h4>
 
by <a href="http://blogmarks.net/user/greut">greut</a> 
<div class="description"><blockquote><p>For every job that must be done, there is an element of fun. You find the fun and SNAP! The job’s a game!</p></blockquote><p>My grand-father was saying: life is a game</p></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/blog">blog</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/design">design</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/job">job</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/iphone">iphone</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/interaction">interaction</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058473702">Copy</a> | 
<a href="http://blogmarks.net/link/3320651">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/geraldg/mark/1058472686">
<title>jQuery - Select element cheat sheet</title>
<link>http://comp345.awardspace.com/select_element_cheatsheet.pdf</link>
<description></description>
<dc:date>2009-08-19T09:45:05Z</dc:date>
<dc:author>geraldg</dc:author>
<dc:subject>jQuery, javascript</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://comp345.awardspace.com/select_element_cheatsheet.pdf"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://comp345.awardspace.com/select_element_cheatsheet.pdf">jQuery - Select element cheat sheet</a></h4>
 
by <a href="http://blogmarks.net/user/geraldg">geraldg</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/jQuery">jQuery</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/javascript">javascript</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058472686">Copy</a> | 
<a href="http://blogmarks.net/link/3319860">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/night.kame/mark/1058465047">
<title>Re: Text not allowed in element script in this context. from Henri Sivonen on 2009-08-12 (www-validator@w3.org from August 2009)</title>
<link>http://lists.w3.org/Archives/Public/www-validator/2009Aug/0029.html</link>
<description>&lt;blockquote&gt;&lt;p&gt;HTML5 allows this, but the HTML5 validator doesn't, yet.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Si le gars qui est payé pour écrire le parseur et le validateur de référence de HTML 5 n'arrive pas à être à jour sur la partie la plus stable de la spéc : qui peut l'être ?&lt;/p&gt;</description>
<dc:date>2009-08-12T18:57:53Z</dc:date>
<dc:author>night.kame</dc:author>
<dc:subject>html 5, leviathan</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://lists.w3.org/Archives/Public/www-validator/2009Aug/0029.html"><img border="0" src="http://blogmarks.net/screenshots/2009/08/12/833e1f14025c4512c90f3165b84d26cf.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://lists.w3.org/Archives/Public/www-validator/2009Aug/0029.html">Re: Text not allowed in element script in this context. from Henri Sivonen on 2009-08-12 (www-validator@w3.org from August 2009)</a></h4>
 
by <a href="http://blogmarks.net/user/night.kame">night.kame</a> 
<div class="description"><blockquote><p>HTML5 allows this, but the HTML5 validator doesn't, yet.</p></blockquote>
<p>Si le gars qui est payé pour écrire le parseur et le validateur de référence de HTML 5 n'arrive pas à être à jour sur la partie la plus stable de la spéc : qui peut l'être ?</p></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/html%2B5">html 5</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/leviathan">leviathan</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058465047">Copy</a> | 
<a href="http://blogmarks.net/link/3313850">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/decembre/mark/1058547874">
<title>CodeProject - Create your own simple Button for Google Toolbar and link to add it in Googlebar</title>
<link>http://www.codeproject.com/KB/aspnet/googlebutton.aspx</link>
<description>To base64 encode an image for your button, determine or create your image.  Then use this page to encode your image. Copy the result into the image element of your XML document.  If you have an RSS or Atom feed, insert the URL of your feed into the feed element. Save your document with an .xml extension (we used updated_button.xml). Copy the XML file to the root of your website directory. It's ready to go!  Now, just add the below link to your site, where ever you choose and when people click it, they will get your button added onto their Google toolbar:  http://toolbar.google.com/buttons/add?url=http://www.yourwebsite.com/yourbuttonxmlfile.xml   Replace the url= with the fully qualified public url to your xml file. If someone clicks the link and doesn't already have the correct version of Google Toolbar installed, they will be prompted to install the correct toolbar.</description>
<dc:date>2009-08-08T22:52:47Z</dc:date>
<dc:author>decembre</dc:author>
<dc:subject>google, rechercher, icon, site, bib, tutoriel, tutorial</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.codeproject.com/KB/aspnet/googlebutton.aspx"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.codeproject.com/KB/aspnet/googlebutton.aspx">CodeProject - Create your own simple Button for Google Toolbar and link to add it in Googlebar</a></h4>
 
by <a href="http://blogmarks.net/user/decembre">decembre</a> 
<p class="description">To base64 encode an image for your button, determine or create your image.  Then use this page to encode your image. Copy the result into the image element of your XML document.  If you have an RSS or Atom feed, insert the URL of your feed into the feed element. Save your document with an .xml extension (we used updated_button.xml). Copy the XML file to the root of your website directory. It's ready to go!  Now, just add the below link to your site, where ever you choose and when people click it, they will get your button added onto their Google toolbar:  http://toolbar.google.com/buttons/add?url=http://www.yourwebsite.com/yourbuttonxmlfile.xml   Replace the url= with the fully qualified public url to your xml file. If someone clicks the link and doesn't already have the correct version of Google Toolbar installed, they will be prompted to install the correct toolbar.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/google">google</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/rechercher">rechercher</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/icon">icon</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/site">site</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/bib">bib</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/tutoriel">tutoriel</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/tutorial">tutorial</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058547874">Copy</a> | 
<a href="http://blogmarks.net/link/3381600">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Spone/mark/1058421541">
<title>Accessible form builder - Generate XHTML-compliant accessible forms quickly and easily | Accessify</title>
<link>http://accessify.com/tools-and-wizards/accessibility-tools/quick-form-builder/</link>
<description>Accessify's quick form builder merges two older tools (form builder and form element generator) into one much slicker process. There are three steps:

   1. Enter the fields that you want to capture in the form
   2. Define what each field type is (text, password, textarea etc)
   3. Choose some markup options (HTML, XHTML and so on)

Seconds later you have a fully accessible and valid form. There's even some CSS to help you style the form.</description>
<dc:date>2009-07-08T13:34:15Z</dc:date>
<dc:author>Spone</dc:author>
<dc:subject>css, form, xhtml, forms, outils, automatisation</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://accessify.com/tools-and-wizards/accessibility-tools/quick-form-builder/"><img border="0" src="http://blogmarks.net/screenshots/2009/07/08/833720d1b2aa898fff50cae68ef78c7f.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://accessify.com/tools-and-wizards/accessibility-tools/quick-form-builder/">Accessible form builder - Generate XHTML-compliant accessible forms quickly and easily | Accessify</a></h4>
 
by <a href="http://blogmarks.net/user/Spone">Spone</a> 
<p class="description">Accessify's quick form builder merges two older tools (form builder and form element generator) into one much slicker process. There are three steps:

   1. Enter the fields that you want to capture in the form
   2. Define what each field type is (text, password, textarea etc)
   3. Choose some markup options (HTML, XHTML and so on)

Seconds later you have a fully accessible and valid form. There's even some CSS to help you style the form.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css">css</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/form">form</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/xhtml">xhtml</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/forms">forms</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/outils">outils</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/automatisation">automatisation</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058421541">Copy</a> | 
<a href="http://blogmarks.net/link/3279956">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058415965">
<title>The CSS Box Model | CSS-Tricks</title>
<link>http://css-tricks.com/the-css-box-model/</link>
<description>&lt;blockquote&gt;&lt;p&gt;every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-07-05T02:51:32Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>webdesign, css, tutorial</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://css-tricks.com/the-css-box-model/"><img border="0" src="http://blogmarks.net/screenshots/2009/07/05/5ace4149b574f69b28e1c34405562199.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://css-tricks.com/the-css-box-model/">The CSS Box Model | CSS-Tricks</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3275265">1 other(s)</a> 
<div class="description"><blockquote><p>every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish.</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/webdesign">webdesign</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css">css</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/tutorial">tutorial</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058415965">Copy</a> | 
<a href="http://blogmarks.net/link/3275265">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Krome/mark/1058411774">
<title>Modernizr</title>
<link>http://www.modernizr.com/</link>
<description>&lt;blockquote&gt;&lt;p&gt;Version 0.9 is the initial public release of Modernizr. It includes tests for a variety of CSS 3 features and an HTML 5 element styling enabler.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-07-03T11:22:44Z</dc:date>
<dc:author>Krome</dc:author>
<dc:subject>html6, css3, javascript</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.modernizr.com/"><img border="0" src="http://blogmarks.net/screenshots/2009/07/03/f86a48ec6db58991294c060e5f94631e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.modernizr.com/">Modernizr</a></h4>
 
by <a href="http://blogmarks.net/user/Krome">Krome</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3269004">2 other(s)</a> 
<div class="description"><blockquote><p>Version 0.9 is the initial public release of Modernizr. It includes tests for a variety of CSS 3 features and an HTML 5 element styling enabler.</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/html6">html6</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css3">css3</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/javascript">javascript</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058411774">Copy</a> | 
<a href="http://blogmarks.net/link/3269004">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/srcmax/mark/1058406783">
<title>Video element and CSS 3</title>
<link>http://people.mozilla.com/%7Eprouget/demos/round/index.xhtml</link>
<description></description>
<dc:date>2009-07-01T15:57:39Z</dc:date>
<dc:author>srcmax</dc:author>
<dc:subject>css3, video, svg, firefox 3.5</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://people.mozilla.com/%7Eprouget/demos/round/index.xhtml"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://people.mozilla.com/%7Eprouget/demos/round/index.xhtml">Video element and CSS 3</a></h4>
 
by <a href="http://blogmarks.net/user/srcmax">srcmax</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css3">css3</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/video">video</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/svg">svg</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/firefox%2B3.5">firefox 3.5</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058406783">Copy</a> | 
<a href="http://blogmarks.net/link/3266959">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058354212">
<title>Random Etc. - js-vector-maps on github</title>
<link>http://www.tom-carden.co.uk/2009/06/06/js-vector-maps-on-github/</link>
<description>&lt;blockquote&gt;&lt;p&gt;I've been experimenting with some javascript classes that mimic the structure of mapnik's Layer/Style/Rule classes and render OSM data (via GeoJSON) to a &amp;lt;canvas&gt; element. I've also finally taken a look at how github works, so I've decided to share the initial code there in case people are interested. If you don't want to check the code out for yourself there's a demo page here (tested in Firefox and Safari only, so far).&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-06-09T01:10:37Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>cartographie, javascript, canvas, OpenStreetmap</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.tom-carden.co.uk/2009/06/06/js-vector-maps-on-github/"><img border="0" src="http://blogmarks.net/screenshots/2009/06/09/38ec2ce7233efdb48da1c7dc65bb32ea.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.tom-carden.co.uk/2009/06/06/js-vector-maps-on-github/">Random Etc. - js-vector-maps on github</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
<div class="description"><blockquote><p>I've been experimenting with some javascript classes that mimic the structure of mapnik's Layer/Style/Rule classes and render OSM data (via GeoJSON) to a &lt;canvas> element. I've also finally taken a look at how github works, so I've decided to share the initial code there in case people are interested. If you don't want to check the code out for yourself there's a demo page here (tested in Firefox and Safari only, so far).</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/cartographie">cartographie</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/javascript">javascript</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/canvas">canvas</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/OpenStreetmap">OpenStreetmap</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058354212">Copy</a> | 
<a href="http://blogmarks.net/link/3222361">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/br1o/mark/1058557094">
<title>Placing a CSS background image horizontally right on an h2 using a span element</title>
<link>http://veerle.duoh.com/blog/comments/placing_a_css_background_image_horizontally_right_on_an_h2_using_a_span_ele/</link>
<description></description>
<dc:date>2009-05-07T20:22:10Z</dc:date>
<dc:author>br1o</dc:author>
<dc:subject>image, webdesign, background, css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://veerle.duoh.com/blog/comments/placing_a_css_background_image_horizontally_right_on_an_h2_using_a_span_ele/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://veerle.duoh.com/blog/comments/placing_a_css_background_image_horizontally_right_on_an_h2_using_a_span_ele/">Placing a CSS background image horizontally right on an h2 using a span element</a></h4>
 
by <a href="http://blogmarks.net/user/br1o">br1o</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/image">image</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/webdesign">webdesign</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/background">background</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css">css</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058557094">Copy</a> | 
<a href="http://blogmarks.net/link/3389338">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/rickydrier/mark/1058315182">
<title>LIQUIDS &amp; BUBBLES - a set on Flickr</title>
<link>http://www.flickr.com/photos/jedwaters/sets/72157614410227642/</link>
<description>&lt;blockquote&gt;&lt;p&gt;Of all the subjects in my stream - this one fascinates me the most.
I love capturing one-offs that depend upon the element of chance.
Using liquids as a kind of photographic paint allows me to do that.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-05-07T08:15:51Z</dc:date>
<dc:author>rickydrier</dc:author>
<dc:subject>photo</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.flickr.com/photos/jedwaters/sets/72157614410227642/"><img border="0" src="http://blogmarks.net/screenshots/2009/05/07/a2d580b27d17a6e11dc247c4ff4a9eca.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.flickr.com/photos/jedwaters/sets/72157614410227642/">LIQUIDS &amp; BUBBLES - a set on Flickr</a></h4>
 
by <a href="http://blogmarks.net/user/rickydrier">rickydrier</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3168053">1 other(s)</a> 
<div class="description"><blockquote><p>Of all the subjects in my stream - this one fascinates me the most.
I love capturing one-offs that depend upon the element of chance.
Using liquids as a kind of photographic paint allows me to do that.</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/photo">photo</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058315182">Copy</a> | 
<a href="http://blogmarks.net/link/3168053">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/kobo/mark/1058306181">
<title>jQuery.ifixpng - png transparency for windows ie versions below 6</title>
<link>http://jquery.khurshid.com/ifixpng.php</link>
<description>plugin designed to fix that problem by applying appropriate filters to user specified elements, while keeping all element tags intact.

Plugin works well with both img elements within the DOM and css properties specified externally.

• It is chainable.

• Unlike some other png hack solutions, it does not replace/hide any of your html tags.

• You can revert applied changes using .iunfixpng().

• Extremely easy to use!
Known limitations
(I don't have solutions for those listed below yet - CSS features that are lost when the fix applied)

• Always defaults to &quot;background-position:top left&quot; and you cannot reposition it.

• Unable to perform &quot;background-repeat:repeat-y&quot; or &quot;background-repeat:repeat-x&quot; on a target.

• For the hack to work your item needs to be visible.
Directions

</description>
<dc:date>2009-04-30T09:13:22Z</dc:date>
<dc:author>kobo</dc:author>
<dc:subject>css, plugin, javascript, png</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://jquery.khurshid.com/ifixpng.php"><img border="0" src="http://blogmarks.net/screenshots/2009/04/30/e372e718f2372a4d42329f596bea8452.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://jquery.khurshid.com/ifixpng.php">jQuery.ifixpng - png transparency for windows ie versions below 6</a></h4>
 
by <a href="http://blogmarks.net/user/kobo">kobo</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2453954">8 other(s)</a> 
<p class="description">plugin designed to fix that problem by applying appropriate filters to user specified elements, while keeping all element tags intact.

Plugin works well with both img elements within the DOM and css properties specified externally.

• It is chainable.

• Unlike some other png hack solutions, it does not replace/hide any of your html tags.

• You can revert applied changes using .iunfixpng().

• Extremely easy to use!
Known limitations
(I don't have solutions for those listed below yet - CSS features that are lost when the fix applied)

• Always defaults to "background-position:top left" and you cannot reposition it.

• Unable to perform "background-repeat:repeat-y" or "background-repeat:repeat-x" on a target.

• For the hack to work your item needs to be visible.
Directions

</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/css">css</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/plugin">plugin</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/javascript">javascript</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/png">png</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058306181">Copy</a> | 
<a href="http://blogmarks.net/link/2453954">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Neewok/mark/1058290585">
<title>LIQUIDS &amp; BUBBLES - a set on Flickr</title>
<link>http://www.flickr.com/photos/jedwaters/sets/72157614410227642/</link>
<description>&lt;blockquote&gt;&lt;p&gt;Of all the subjects in my stream - this one fascinates me the most.
I love capturing one-offs that depend upon the element of chance.
Using liquids as a kind of photographic paint allows me to do that.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-04-20T19:00:31Z</dc:date>
<dc:author>Neewok</dc:author>
<dc:subject>photographie</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.flickr.com/photos/jedwaters/sets/72157614410227642/"><img border="0" src="http://blogmarks.net/screenshots/2009/05/07/a2d580b27d17a6e11dc247c4ff4a9eca.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.flickr.com/photos/jedwaters/sets/72157614410227642/">LIQUIDS &amp; BUBBLES - a set on Flickr</a></h4>
 
by <a href="http://blogmarks.net/user/Neewok">Neewok</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3168053">1 other(s)</a> 
<div class="description"><blockquote><p>Of all the subjects in my stream - this one fascinates me the most.
I love capturing one-offs that depend upon the element of chance.
Using liquids as a kind of photographic paint allows me to do that.</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/photographie">photographie</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058290585">Copy</a> | 
<a href="http://blogmarks.net/link/3168053">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/kunix/mark/1058249263">
<title>jScrollPane</title>
<link>http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html</link>
<description>jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style.</description>
<dc:date>2009-03-25T08:11:38Z</dc:date>
<dc:author>kunix</dc:author>
<dc:subject>javascript, jQuery</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html"><img border="0" src="http://blogmarks.net/screenshots/2009/06/24/9315e8ca29fb2b22d7636da2fefc7bb3.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html">jScrollPane</a></h4>
 
by <a href="http://blogmarks.net/user/kunix">kunix</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3134546">1 other(s)</a> 
<p class="description">jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/javascript">javascript</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/jQuery">jQuery</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058249263">Copy</a> | 
<a href="http://blogmarks.net/link/3134546">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/jpcaruana/mark/1058245510">
<title>plists - Google Code</title>
<link>http://code.google.com/p/plists/</link>
<description>plists is a drop-in replacement for the Erlang module lists, making most list operations parallel. It can operate on each element in parallel, for IO-bound operations, on sublists in parallel, for taking advantage of multi-core machines with CPU-bound operations, and across erlang nodes, for parallizing inside a cluster. It handles errors and node failures. It can be configured, tuned, and tweaked to get optimal performance while minimizing overhead. </description>
<dc:date>2009-03-20T16:21:33Z</dc:date>
<dc:author>jpcaruana</dc:author>
<dc:subject>google, open source, Erlang, programmation, fonctionnelle, map reduce, concurrent</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://code.google.com/p/plists/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://code.google.com/p/plists/">plists - Google Code</a></h4>
 
by <a href="http://blogmarks.net/user/jpcaruana">jpcaruana</a> 
<p class="description">plists is a drop-in replacement for the Erlang module lists, making most list operations parallel. It can operate on each element in parallel, for IO-bound operations, on sublists in parallel, for taking advantage of multi-core machines with CPU-bound operations, and across erlang nodes, for parallizing inside a cluster. It handles errors and node failures. It can be configured, tuned, and tweaked to get optimal performance while minimizing overhead. </p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/google">google</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/open%2Bsource">open source</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/Erlang">Erlang</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/programmation">programmation</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/fonctionnelle">fonctionnelle</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/map%2Breduce">map reduce</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/concurrent">concurrent</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058245510">Copy</a> | 
<a href="http://blogmarks.net/link/3131268">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058231348">
<title>Coding Horror: HTML Validation: Does It Matter?</title>
<link>http://www.codinghorror.com/blog/archives/001234.html?r=28568</link>
<description>&lt;blockquote&gt;&lt;p&gt;The interesting thing to do is to use Validation as a tool and not as a goal. Why my code is invalid? What is the source of errors? Which script, libraries, etc create invalid code?&lt;/p&gt;&lt;p&gt;So basically for me it helps me to create a better framework or script at the source. I don't want to validate every pages, but I want to be sure that the page which are produced are valid. That means I have to create &quot;checking steps&quot; in my code, or to use the appropriate tools. For example using an xml library to replace an element by another more than doing a regex, checking and sanitize the input of forms, etc. etc.&lt;/p&gt;&lt;p&gt;karl on March 7, 2009 07:08 AM&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-03-07T15:10:03Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>html, xml, validation, framework</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.codinghorror.com/blog/archives/001234.html?r=28568"><img border="0" src="http://blogmarks.net/screenshots/2009/03/07/43948b52262105c579bfed52df99f125.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.codinghorror.com/blog/archives/001234.html?r=28568">Coding Horror: HTML Validation: Does It Matter?</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
<div class="description"><blockquote><p>The interesting thing to do is to use Validation as a tool and not as a goal. Why my code is invalid? What is the source of errors? Which script, libraries, etc create invalid code?</p><p>So basically for me it helps me to create a better framework or script at the source. I don't want to validate every pages, but I want to be sure that the page which are produced are valid. That means I have to create "checking steps" in my code, or to use the appropriate tools. For example using an xml library to replace an element by another more than doing a regex, checking and sanitize the input of forms, etc. etc.</p><p>karl on March 7, 2009 07:08 AM</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/html">html</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/xml">xml</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/validation">validation</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/framework">framework</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058231348">Copy</a> | 
<a href="http://blogmarks.net/link/3118875">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> </rdf:RDF>