<?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/columns">
<title>Public marks with search columns</title>
<description>Public marks with search columns</description>
<link>http://blogmarks.net/marks/search/columns</link>
<items><rdf:Seq><rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058575844"/>
<rdf:li resource="http://blogmarks.net/api/user/mozkart/mark/1058564187"/>
<rdf:li resource="http://blogmarks.net/api/user/oseres/mark/1058563800"/>
<rdf:li resource="http://blogmarks.net/api/user/eledo34/mark/1058562871"/>
<rdf:li resource="http://blogmarks.net/api/user/jakamos/mark/1058561117"/>
<rdf:li resource="http://blogmarks.net/api/user/Fulcanelli/mark/1058527662"/>
<rdf:li resource="http://blogmarks.net/api/user/vrossign/mark/1058498888"/>
<rdf:li resource="http://blogmarks.net/api/user/rax262/mark/1058465139"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058434480"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058434479"/>
<rdf:li resource="http://blogmarks.net/api/user/kinkyniki/mark/1058419109"/>
<rdf:li resource="http://blogmarks.net/api/user/delavigne/mark/1058383791"/>
<rdf:li resource="http://blogmarks.net/api/user/vrossign/mark/1058359837"/>
<rdf:li resource="http://blogmarks.net/api/user/srcmax/mark/1058347932"/>
<rdf:li resource="http://blogmarks.net/api/user/yakari35/mark/1058321581"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058319388"/>
<rdf:li resource="http://blogmarks.net/api/user/br1o/mark/1058557118"/>
<rdf:li resource="http://blogmarks.net/api/user/decembre/mark/1058548134"/>
<rdf:li resource="http://blogmarks.net/api/user/gregg/mark/1058299375"/>
<rdf:li resource="http://blogmarks.net/api/user/br1o/mark/1058557287"/>
<rdf:li resource="http://blogmarks.net/api/user/br1o/mark/1058557349"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058218907"/>
<rdf:li resource="http://blogmarks.net/api/user/wojtek.traczyk/mark/1058479733"/>
<rdf:li resource="http://blogmarks.net/api/user/Tiagut/mark/1058074925"/>
<rdf:li resource="http://blogmarks.net/api/user/Nissone/mark/1058052347"/>
</rdf:Seq></items>
</channel>
<item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058575844">
<title>scraplab — The Scruffying of Print</title>
<link>http://scraplab.net/2009/11/07/the-scruffying-of-print/</link>
<description>&lt;blockquote&gt;&lt;p&gt;So you design things with high tolerances and gentle failure modes which still look OK when everything isn’t quite as expected.&lt;/p&gt;&lt;p&gt;This is something that print is going to have to get used to. Slightly messier, with a few more bad line breaks and unbalanced columns.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-11-08T19:47:18Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>design, print, papernet</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://scraplab.net/2009/11/07/the-scruffying-of-print/"><img border="0" src="http://blogmarks.net/screenshots/2009/11/08/3dd7459edd17411003c9f32a0c78fab4.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://scraplab.net/2009/11/07/the-scruffying-of-print/">scraplab — The Scruffying of Print</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
<div class="description"><blockquote><p>So you design things with high tolerances and gentle failure modes which still look OK when everything isn’t quite as expected.</p><p>This is something that print is going to have to get used to. Slightly messier, with a few more bad line breaks and unbalanced columns.</p></blockquote></div>
<p class="tags">
<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/print">print</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/papernet">papernet</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058575844">Copy</a> | 
<a href="http://blogmarks.net/link/3403621">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/mozkart/mark/1058564187">
<title>Top reasons your CSS columns are messed up - Warpspire 	    	</title>
<link>http://warpspire.com/tipsresources/web-production/css-column-tricks/</link>
<description>I believe the recent surge in popularity of CSS frameworks comes from a lack of basic understanding of the CSS box model and how it’s implemented across browsers. I wanted to share with you some quick tips on how to avoid easy pitfalls so you can create your own CSS framework in no time flat, without all the cruft of having ten thousand column combinations available. Keeping these quick tips in mind at all times will allow you to do something I like to call defensive coding — and really that’s all CSS frameworks are: defensively coded snippets of CSS.

</description>
<dc:date>2009-10-27T00:04:55Z</dc:date>
<dc:author>mozkart</dc:author>
<dc:subject>css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://warpspire.com/tipsresources/web-production/css-column-tricks/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/27/f8534f5564d94870459b7d0e18d44a4e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://warpspire.com/tipsresources/web-production/css-column-tricks/">Top reasons your CSS columns are messed up - Warpspire 	    	</a></h4>
 
by <a href="http://blogmarks.net/user/mozkart">mozkart</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2784693">1 other(s)</a> 
<p class="description">I believe the recent surge in popularity of CSS frameworks comes from a lack of basic understanding of the CSS box model and how it’s implemented across browsers. I wanted to share with you some quick tips on how to avoid easy pitfalls so you can create your own CSS framework in no time flat, without all the cruft of having ten thousand column combinations available. Keeping these quick tips in mind at all times will allow you to do something I like to call defensive coding — and really that’s all CSS frameworks are: defensively coded snippets of CSS.

</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=1058564187">Copy</a> | 
<a href="http://blogmarks.net/link/2784693">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/oseres/mark/1058563800">
<title>Creating Offline Web Applicat...</title>
<link>http://docs.google.com/View?docid=dhkhksk4_8gdp9gr#sync</link>
<description>Creating Offline Web Applications With Dojo Offline

by Brad Neuberg (SitePen), September 23rd, 2007

This tutorial steps you through creating offline web applications using Dojo Offline.
What is Dojo Offline?

Dojo Offline is an open-source toolkit that makes it easy to create sophisticated, offline web applications. It sits on top of Google Gears, a plugin from Google that helps extend web browsers with new functionality. Dojo Offline makes working with Google Gears easier; extends it with important functionality; creates a higher-level API than Google Gears provides; and exposes developer productivity features. In particular, Dojo Offline provides the following functionality:

An offline widget that you can easily embed in your web page with just a few lines of code, automatically providing the user with network feedback, sync messages, offline instructions, and more
A sync framework to help you store actions done while offline and sync them with a server once back on the network
Automatic network and application-availability detection to determine when your application is on- or off-line so that you can take appropriate action
A slurp() method that automatically scans the page and figures out all the resources that you need offline, including images, stylesheets, scripts, etc.; this is much easier than having to manually maintain which resources should be available offline, especially during development.
Dojo Storage, an easy to use hashtable abstraction for storing offline data for when you don't need the heaviness of Google Gear's SQL abstraction; under the covers Dojo Storage saves its data into Google Gears
Dojo SQL, an easy to use SQL layer that executes SQL statements and returns them as ordinary JavaScript objects
New ENCRYPT() and DECRYPT() SQL keywords that you can mix in when using Dojo SQL, to get transparent cryptography for columns of data. Cryptography is done on a Google Worker Pool thread, so that the browser UI is responsive.
Integration with the rest of Dojo, such as the Dojo Event system
</description>
<dc:date>2009-10-26T12:18:18Z</dc:date>
<dc:author>oseres</dc:author>
<dc:subject>web, google, storage, plugin, browser, sync</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://docs.google.com/View?docid=dhkhksk4_8gdp9gr#sync"><img border="0" src="http://blogmarks.net/screenshots/2009/10/26/6ec0d965b36551c86f02ff03c5f5594a.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://docs.google.com/View?docid=dhkhksk4_8gdp9gr#sync">Creating Offline Web Applicat...</a></h4>
 
by <a href="http://blogmarks.net/user/oseres">oseres</a> 
<p class="description">Creating Offline Web Applications With Dojo Offline

by Brad Neuberg (SitePen), September 23rd, 2007

This tutorial steps you through creating offline web applications using Dojo Offline.
What is Dojo Offline?

Dojo Offline is an open-source toolkit that makes it easy to create sophisticated, offline web applications. It sits on top of Google Gears, a plugin from Google that helps extend web browsers with new functionality. Dojo Offline makes working with Google Gears easier; extends it with important functionality; creates a higher-level API than Google Gears provides; and exposes developer productivity features. In particular, Dojo Offline provides the following functionality:

An offline widget that you can easily embed in your web page with just a few lines of code, automatically providing the user with network feedback, sync messages, offline instructions, and more
A sync framework to help you store actions done while offline and sync them with a server once back on the network
Automatic network and application-availability detection to determine when your application is on- or off-line so that you can take appropriate action
A slurp() method that automatically scans the page and figures out all the resources that you need offline, including images, stylesheets, scripts, etc.; this is much easier than having to manually maintain which resources should be available offline, especially during development.
Dojo Storage, an easy to use hashtable abstraction for storing offline data for when you don't need the heaviness of Google Gear's SQL abstraction; under the covers Dojo Storage saves its data into Google Gears
Dojo SQL, an easy to use SQL layer that executes SQL statements and returns them as ordinary JavaScript objects
New ENCRYPT() and DECRYPT() SQL keywords that you can mix in when using Dojo SQL, to get transparent cryptography for columns of data. Cryptography is done on a Google Worker Pool thread, so that the browser UI is responsive.
Integration with the rest of Dojo, such as the Dojo Event system
</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/web">web</a>
<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/storage">storage</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/browser">browser</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/sync">sync</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058563800">Copy</a> | 
<a href="http://blogmarks.net/link/3393947">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/eledo34/mark/1058562871">
<title>Smart Columns w/ CSS &amp; jQuery</title>
<link>http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/</link>
<description>colonne</description>
<dc:date>2009-10-25T06:29:26Z</dc:date>
<dc:author>eledo34</dc:author>
<dc:subject>css, jQuery, jquery exemple</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/25/1bcf435cf923d36ee2e4e84e90abdac0.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/">Smart Columns w/ CSS &amp; jQuery</a></h4>
 
by <a href="http://blogmarks.net/user/eledo34">eledo34</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3226636">3 other(s)</a> 
<p class="description">colonne</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/jQuery">jQuery</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/jquery%2Bexemple">jquery exemple</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058562871">Copy</a> | 
<a href="http://blogmarks.net/link/3226636">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/jakamos/mark/1058561117">
<title>Smart Columns w/ CSS &amp; jQuery</title>
<link>http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/</link>
<description>Smart Columns w/ CSS &amp; jQuery</description>
<dc:date>2009-10-23T10:16:42Z</dc:date>
<dc:author>jakamos</dc:author>
<dc:subject>WebMaster.Coding.jQuery</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/25/1bcf435cf923d36ee2e4e84e90abdac0.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/">Smart Columns w/ CSS &amp; jQuery</a></h4>
 
by <a href="http://blogmarks.net/user/jakamos">jakamos</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3226636">3 other(s)</a> 
<p class="description">Smart Columns w/ CSS & jQuery</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/WebMaster.Coding.jQuery">WebMaster.Coding.jQuery</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058561117">Copy</a> | 
<a href="http://blogmarks.net/link/3226636">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Fulcanelli/mark/1058527662">
<title>Four Methods to Create Equal Height Columns | Build Internet!</title>
<link>http://buildinternet.com/2009/07/four-methods-to-create-equal-height-columns/</link>
<description></description>
<dc:date>2009-10-01T19:12:06Z</dc:date>
<dc:author>Fulcanelli</dc:author>
<dc:subject>css, colonnes, egale</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://buildinternet.com/2009/07/four-methods-to-create-equal-height-columns/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/01/477e6d05a48d1c5a66b28f4e6da4100f.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://buildinternet.com/2009/07/four-methods-to-create-equal-height-columns/">Four Methods to Create Equal Height Columns | Build Internet!</a></h4>
 
by <a href="http://blogmarks.net/user/Fulcanelli">Fulcanelli</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3363305">1 other(s)</a> 
<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/colonnes">colonnes</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/egale">egale</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058527662">Copy</a> | 
<a href="http://blogmarks.net/link/3363305">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/vrossign/mark/1058498888">
<title>Creating a table with dynamically highlighted columns like Crazy Egg's pricing table (Ask the CSS Guy)</title>
<link>http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html</link>
<description></description>
<dc:date>2009-09-10T09:46:07Z</dc:date>
<dc:author>vrossign</dc:author>
<dc:subject>css, prices, tables, pricing, design</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html"><img border="0" src="http://blogmarks.net/screenshots/2009/09/10/83046db04f2ff7b85860b07a064897d0.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html">Creating a table with dynamically highlighted columns like Crazy Egg's pricing table (Ask the CSS Guy)</a></h4>
 
by <a href="http://blogmarks.net/user/vrossign">vrossign</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2421461">8 other(s)</a> 
<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/prices">prices</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/tables">tables</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/pricing">pricing</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/design">design</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058498888">Copy</a> | 
<a href="http://blogmarks.net/link/2421461">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/rax262/mark/1058465139">
<title>Blind Search</title>
<link>http://blindsearch.fejus.com/</link>
<description>BlindSearch, the search engine taste test.
Type in a search query above, hit search then vote for the column which you believe best matches your query. The columns are randomised with every query.</description>
<dc:date>2009-08-12T21:31:46Z</dc:date>
<dc:author>rax262</dc:author>
<dc:subject>search, engine, test, beta</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://blindsearch.fejus.com/"><img border="0" src="http://blogmarks.net/screenshots/2009/08/12/339afb45b9ff4b315a91cfdb9357ed4c.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://blindsearch.fejus.com/">Blind Search</a></h4>
 
by <a href="http://blogmarks.net/user/rax262">rax262</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3221358">2 other(s)</a> 
<p class="description">BlindSearch, the search engine taste test.
Type in a search query above, hit search then vote for the column which you believe best matches your query. The columns are randomised with every query.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/search">search</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/engine">engine</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/test">test</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/beta">beta</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058465139">Copy</a> | 
<a href="http://blogmarks.net/link/3221358">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058434480">
<title>960 Grid System</title>
<link>http://960.gs/</link>
<description>&lt;blockquote&gt;&lt;p&gt;The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-07-18T23:21:43Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>webdesign, css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://960.gs/"><img border="0" src="http://blogmarks.net/screenshots/2009/11/03/293ef582578881d0349916b59933785d.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://960.gs/">960 Grid System</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2715700">19 other(s)</a> 
<div class="description"><blockquote><p>The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem</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>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058434480">Copy</a> | 
<a href="http://blogmarks.net/link/2715700">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058434479">
<title>Variable Grid System :: SprySoft :: Cardiff based website design &amp; development</title>
<link>http://www.spry-soft.com/grids/</link>
<description>&lt;blockquote&gt;&lt;p&gt;The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.&lt;/p&gt;&lt;p&gt;29/06/09 Update: Added new push_xx, pull_xx classes to css generator to allow re-ordering of columns.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-07-18T23:19:03Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>design, css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.spry-soft.com/grids/"><img border="0" src="http://blogmarks.net/screenshots/2009/07/18/9b61e111d493adbf8be3a53663267f28.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.spry-soft.com/grids/">Variable Grid System :: SprySoft :: Cardiff based website design &amp; development</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3222107">3 other(s)</a> 
<div class="description"><blockquote><p>The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.</p><p>29/06/09 Update: Added new push_xx, pull_xx classes to css generator to allow re-ordering of columns.</p></blockquote></div>
<p class="tags">
<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/css">css</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058434479">Copy</a> | 
<a href="http://blogmarks.net/link/3222107">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/kinkyniki/mark/1058419109">
<title>Equal Height Columns using CSS - Ed Eliot</title>
<link>http://www.ejeliot.com/blog/61</link>
<description></description>
<dc:date>2009-07-06T09:07:00Z</dc:date>
<dc:author>kinkyniki</dc:author>
<dc:subject>css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.ejeliot.com/blog/61"><img border="0" src="http://blogmarks.net/screenshots/2009/07/06/d94a528319d42d1279b4afeefd04f57a.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.ejeliot.com/blog/61">Equal Height Columns using CSS - Ed Eliot</a></h4>
 
by <a href="http://blogmarks.net/user/kinkyniki">kinkyniki</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/1151178">8 other(s)</a> 
<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=1058419109">Copy</a> | 
<a href="http://blogmarks.net/link/1151178">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/delavigne/mark/1058383791">
<title>Smart Columns w/ CSS &amp; jQuery</title>
<link>http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/</link>
<description></description>
<dc:date>2009-10-25T22:39:34Z</dc:date>
<dc:author>delavigne</dc:author>
<dc:subject>jQuery, colonne, css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/25/1bcf435cf923d36ee2e4e84e90abdac0.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/">Smart Columns w/ CSS &amp; jQuery</a></h4>
 
by <a href="http://blogmarks.net/user/delavigne">delavigne</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3226636">3 other(s)</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/colonne">colonne</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=1058383791">Copy</a> | 
<a href="http://blogmarks.net/link/3226636">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/vrossign/mark/1058359837">
<title>Smart Columns w/ CSS &amp; jQuery</title>
<link>http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/</link>
<description></description>
<dc:date>2009-06-11T09:27:06Z</dc:date>
<dc:author>vrossign</dc:author>
<dc:subject>css, jQuery, js, fixed, width, columns</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/25/1bcf435cf923d36ee2e4e84e90abdac0.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/">Smart Columns w/ CSS &amp; jQuery</a></h4>
 
by <a href="http://blogmarks.net/user/vrossign">vrossign</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3226636">3 other(s)</a> 
<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/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/fixed">fixed</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/width">width</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/columns">columns</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058359837">Copy</a> | 
<a href="http://blogmarks.net/link/3226636">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/srcmax/mark/1058347932">
<title>Official Google Blog: Square your search results with Google Squared</title>
<link>http://googleblog.blogspot.com/2009/06/square-your-search-results-with-google.html</link>
<description>Google Squared is an experimental search tool that collects facts from the web and presents them in an organized collection, similar to a spreadsheet. If you search for [roller coasters], Google Squared builds a square with rows for each of several specific roller coasters and columns for corresponding facts, such as image, height and maximum speed.</description>
<dc:date>2009-06-04T08:36:53Z</dc:date>
<dc:author>srcmax</dc:author>
<dc:subject>google squared, moteur de recherche, google</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://googleblog.blogspot.com/2009/06/square-your-search-results-with-google.html"><img border="0" src="http://blogmarks.net/screenshots/2009/06/04/e8a234102f1de4505dea15e760c73e05.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://googleblog.blogspot.com/2009/06/square-your-search-results-with-google.html">Official Google Blog: Square your search results with Google Squared</a></h4>
 
by <a href="http://blogmarks.net/user/srcmax">srcmax</a> 
<p class="description">Google Squared is an experimental search tool that collects facts from the web and presents them in an organized collection, similar to a spreadsheet. If you search for [roller coasters], Google Squared builds a square with rows for each of several specific roller coasters and columns for corresponding facts, such as image, height and maximum speed.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/google%2Bsquared">google squared</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/moteur%2Bde%2Brecherche">moteur de recherche</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/google">google</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058347932">Copy</a> | 
<a href="http://blogmarks.net/link/3217133">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/yakari35/mark/1058321581">
<title>YooouuuTuuube - Alice - 18 Rows - 18 Columns</title>
<link>http://www.yooouuutuuube.com/v/?rows=18&amp;cols=18&amp;id=pAwR6w2TgxY&amp;startZoom=1</link>
<description></description>
<dc:date>2009-05-12T08:45:46Z</dc:date>
<dc:author>yakari35</dc:author>
<dc:subject>video, online, bidouille</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.yooouuutuuube.com/v/?rows=18&amp;cols=18&amp;id=pAwR6w2TgxY&amp;startZoom=1"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.yooouuutuuube.com/v/?rows=18&amp;cols=18&amp;id=pAwR6w2TgxY&amp;startZoom=1">YooouuuTuuube - Alice - 18 Rows - 18 Columns</a></h4>
 
by <a href="http://blogmarks.net/user/yakari35">yakari35</a> 
<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/online">online</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/bidouille">bidouille</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058321581">Copy</a> | 
<a href="http://blogmarks.net/link/3194305">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058319388">
<title>Visual Representation of Tabular Information - How to Fix the Uncommunicative Table | FlowingData</title>
<link>http://flowingdata.com/2009/04/21/visual-representation-of-tabular-information-how-to-fix-the-uncommunicative-table/</link>
<description>&lt;blockquote&gt;&lt;p&gt;The method presented here provides an alternative to mitigate the problems outlined above. It is a visual approach that uses Circos[http://mkweb.bcgsc.ca/circos] to represent rows and columns in a circular fashion, and ribbons to represent cell values. Does it solve every table's problems? No. It does provide, however, a way to capture the essence of the table and present it quantitatively and attractively.&lt;/p&gt;&lt;/blockquote&gt;

explication pour créer des tableaux en formes circulaires. Bonne explication, mauvais examples</description>
<dc:date>2009-05-10T14:14:26Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>data, visualization, tutorial</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://flowingdata.com/2009/04/21/visual-representation-of-tabular-information-how-to-fix-the-uncommunicative-table/"><img border="0" src="http://blogmarks.net/screenshots/2009/05/10/b30d104b367d9a5f95a142f2e9b6c37a.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://flowingdata.com/2009/04/21/visual-representation-of-tabular-information-how-to-fix-the-uncommunicative-table/">Visual Representation of Tabular Information - How to Fix the Uncommunicative Table | FlowingData</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3192428">1 other(s)</a> 
<div class="description"><blockquote><p>The method presented here provides an alternative to mitigate the problems outlined above. It is a visual approach that uses Circos[http://mkweb.bcgsc.ca/circos] to represent rows and columns in a circular fashion, and ribbons to represent cell values. Does it solve every table's problems? No. It does provide, however, a way to capture the essence of the table and present it quantitatively and attractively.</p></blockquote>

explication pour créer des tableaux en formes circulaires. Bonne explication, mauvais examples</div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/data">data</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/visualization">visualization</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=1058319388">Copy</a> | 
<a href="http://blogmarks.net/link/3192428">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/br1o/mark/1058557118">
<title>Simple JS script for faking automatic CSS columns in webpages (column-count)</title>
<link>http://csscripting.com/css-multi-column/</link>
<description></description>
<dc:date>2009-05-06T22:11:08Z</dc:date>
<dc:author>br1o</dc:author>
<dc:subject>columns, script, javascript, js, css, colonnes</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://csscripting.com/css-multi-column/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://csscripting.com/css-multi-column/">Simple JS script for faking automatic CSS columns in webpages (column-count)</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/columns">columns</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/script">script</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/js">js</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/colonnes">colonnes</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058557118">Copy</a> | 
<a href="http://blogmarks.net/link/3389351">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/decembre/mark/1058548134">
<title>Multi-Column Results - Splits Google search results - Download</title>
<link>http://userscripts.org/scripts/show/10299</link>
<description>Multi-Column ResultsSplits Google search results into multiple columns. It’ll be incredibly useful if you’re on a wide screen monitor. Alt+1/2/3 keys can be used to switch between one, two and three column views.</description>
<dc:date>2009-04-26T16:57:49Z</dc:date>
<dc:author>decembre</dc:author>
<dc:subject>google, greasemonkey, firefox, script, userscript, extension, search, recherche, colonne, column</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://userscripts.org/scripts/show/10299"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://userscripts.org/scripts/show/10299">Multi-Column Results - Splits Google search results - Download</a></h4>
 
by <a href="http://blogmarks.net/user/decembre">decembre</a> 
<p class="description">Multi-Column ResultsSplits Google search results into multiple columns. It’ll be incredibly useful if you’re on a wide screen monitor. Alt+1/2/3 keys can be used to switch between one, two and three column views.</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/greasemonkey">greasemonkey</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/script">script</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/userscript">userscript</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/search">search</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/recherche">recherche</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/colonne">colonne</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/column">column</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058548134">Copy</a> | 
<a href="http://blogmarks.net/link/3381812">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/gregg/mark/1058299375">
<title>960 Grid System</title>
<link>http://960.gs/</link>
<description>The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem</description>
<dc:date>2009-04-26T16:08:28Z</dc:date>
<dc:author>gregg</dc:author>
<dc:subject>grid layout</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://960.gs/"><img border="0" src="http://blogmarks.net/screenshots/2009/11/03/293ef582578881d0349916b59933785d.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://960.gs/">960 Grid System</a></h4>
 
by <a href="http://blogmarks.net/user/gregg">gregg</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2715700">19 other(s)</a> 
<p class="description">The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/grid%2Blayout">grid layout</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058299375">Copy</a> | 
<a href="http://blogmarks.net/link/2715700">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/br1o/mark/1058557287">
<title>mezzoblue  §  Columns &amp; Grids</title>
<link>http://www.mezzoblue.com/archives/2005/05/13/columns_grid/index.php</link>
<description></description>
<dc:date>2009-04-16T16:52:58Z</dc:date>
<dc:author>br1o</dc:author>
<dc:subject>grid, grids, grille, design, inspiration, usability, columns, colonnes</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.mezzoblue.com/archives/2005/05/13/columns_grid/index.php"><img border="0" src="http://blogmarks.net/screenshots/2007/12/06/c8f43054b79f23ede992012869063b63.png" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.mezzoblue.com/archives/2005/05/13/columns_grid/index.php">mezzoblue  §  Columns &amp; Grids</a></h4>
 
by <a href="http://blogmarks.net/user/br1o">br1o</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/97852">3 other(s)</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/grid">grid</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/grids">grids</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/grille">grille</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/inspiration">inspiration</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/usability">usability</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/columns">columns</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/colonnes">colonnes</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058557287">Copy</a> | 
<a href="http://blogmarks.net/link/97852">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/br1o/mark/1058557349">
<title>CSS Semi-liquid Layout - CSS Liquid Columns - CSS Liquid Layout Designs Tips</title>
<link>http://www.sohtanaka.com/web-design/semi-liquid-layouts-tutorial-tips/</link>
<description></description>
<dc:date>2009-03-28T15:47:38Z</dc:date>
<dc:author>br1o</dc:author>
<dc:subject>semi-liquid, fluid, liquid, resources, tutorial, layout, inspiration, jQuery, design, webdesign, css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.sohtanaka.com/web-design/semi-liquid-layouts-tutorial-tips/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.sohtanaka.com/web-design/semi-liquid-layouts-tutorial-tips/">CSS Semi-liquid Layout - CSS Liquid Columns - CSS Liquid Layout Designs Tips</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/semi-liquid">semi-liquid</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/fluid">fluid</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/liquid">liquid</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/resources">resources</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/tutorial">tutorial</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/layout">layout</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/inspiration">inspiration</a>
<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/design">design</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/css">css</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058557349">Copy</a> | 
<a href="http://blogmarks.net/link/3389480">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058218907">
<title>Don't get depressed: A writer's guide to surviving the recession | Books | guardian.co.uk</title>
<link>http://www.guardian.co.uk/books/booksblog/2009/feb/16/recession-writers-authors</link>
<description>&lt;blockquote&gt;&lt;p&gt;7.Ignore advice columns.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-02-23T03:58:46Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>livre, howto</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.guardian.co.uk/books/booksblog/2009/feb/16/recession-writers-authors"><img border="0" src="http://blogmarks.net/screenshots/2009/02/23/20878e807f3975dda67356874694fd6b.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.guardian.co.uk/books/booksblog/2009/feb/16/recession-writers-authors">Don't get depressed: A writer's guide to surviving the recession | Books | guardian.co.uk</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
<div class="description"><blockquote><p>7.Ignore advice columns.</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/livre">livre</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/howto">howto</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058218907">Copy</a> | 
<a href="http://blogmarks.net/link/3107938">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/wojtek.traczyk/mark/1058479733">
<title>Bits &amp; Pixels – Blog Archive – Cross-browser transparent columns</title>
<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/</link>
<description></description>
<dc:date>2008-12-05T11:09:57Z</dc:date>
<dc:author>wojtek.traczyk</dc:author>
<dc:subject>css, zasoby_resources</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/">Bits &amp; Pixels – Blog Archive – Cross-browser transparent columns</a></h4>
 
by <a href="http://blogmarks.net/user/wojtek.traczyk">wojtek.traczyk</a> 
<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/zasoby_resources">zasoby_resources</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058479733">Copy</a> | 
<a href="http://blogmarks.net/link/3058982">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Tiagut/mark/1058074925">
<title>Flexigrid for jQuery : Web 2.0 Javascript Data Grid</title>
<link>http://webplicity.net/flexigrid/</link>
<description>Lightweight but rich javascript data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.</description>
<dc:date>2008-11-29T12:24:37Z</dc:date>
<dc:author>Tiagut</dc:author>
<dc:subject>javascript, ajax, table, jQuery, webdev</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://webplicity.net/flexigrid/"><img border="0" src="http://blogmarks.net/screenshots/2008/11/29/f9ce9925450157a1718ac2967f8293de.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://webplicity.net/flexigrid/">Flexigrid for jQuery : Web 2.0 Javascript Data Grid</a></h4>
 
by <a href="http://blogmarks.net/user/Tiagut">Tiagut</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2715523">9 other(s)</a> 
<p class="description">Lightweight but rich javascript data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.</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/ajax">ajax</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/table">table</a>
<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/webdev">webdev</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058074925">Copy</a> | 
<a href="http://blogmarks.net/link/2715523">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Nissone/mark/1058052347">
<title>CSS Balanced Columns V3 (en)</title>
<link>http://www.paulbellows.com/getsmart/balance_columns/</link>
<description>Des colonnes de même hauteur via JavaScript. Attention à styler aussi la version sans JavaScript</description>
<dc:date>2008-11-08T16:38:42Z</dc:date>
<dc:author>Nissone</dc:author>
<dc:subject>css, javascript, colonne, gabarit</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.paulbellows.com/getsmart/balance_columns/"><img border="0" src="http://blogmarks.net/screenshots/2008/11/08/32428ceef576b06ef752f0bd8c6f9c2d.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.paulbellows.com/getsmart/balance_columns/">CSS Balanced Columns V3 (en)</a></h4>
 
by <a href="http://blogmarks.net/user/Nissone">Nissone</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/1058793">5 other(s)</a> 
<p class="description">Des colonnes de même hauteur via JavaScript. Attention à styler aussi la version sans JavaScript</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/javascript">javascript</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/colonne">colonne</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/gabarit">gabarit</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058052347">Copy</a> | 
<a href="http://blogmarks.net/link/1058793">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> </rdf:RDF>