<?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/vertical-axiswindturbine%28vawt%29">
<title>Public marks with search vertical-axiswindturbine(vawt)</title>
<description>Public marks with search vertical-axiswindturbine(vawt)</description>
<link>http://blogmarks.net/marks/search/vertical-axiswindturbine%28vawt%29</link>
<items><rdf:Seq><rdf:li resource="http://blogmarks.net/api/user/eledo34/mark/1058622387"/>
<rdf:li resource="http://blogmarks.net/api/user/mozkart/mark/1058620579"/>
<rdf:li resource="http://blogmarks.net/api/user/mozkart/mark/1058620577"/>
<rdf:li resource="http://blogmarks.net/api/user/kruty/mark/1058585521"/>
<rdf:li resource="http://blogmarks.net/api/user/Nissone/mark/1058585446"/>
<rdf:li resource="http://blogmarks.net/api/user/sbrothier/mark/1058576262"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058575591"/>
<rdf:li resource="http://blogmarks.net/api/user/XavierMilaret/mark/1058574825"/>
<rdf:li resource="http://blogmarks.net/api/user/gregg/mark/1058572378"/>
<rdf:li resource="http://blogmarks.net/api/user/mixher/mark/1058549965"/>
<rdf:li resource="http://blogmarks.net/api/user/Fulcanelli/mark/1058547425"/>
<rdf:li resource="http://blogmarks.net/api/user/br1o/mark/1058556525"/>
<rdf:li resource="http://blogmarks.net/api/user/dzc/mark/1058495792"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058490453"/>
<rdf:li resource="http://blogmarks.net/api/user/rwatuny/mark/1058503028"/>
<rdf:li resource="http://blogmarks.net/api/user/decembre/mark/1058547944"/>
<rdf:li resource="http://blogmarks.net/api/user/conseilnet/mark/1058385420"/>
<rdf:li resource="http://blogmarks.net/api/user/karlcow/mark/1058359101"/>
<rdf:li resource="http://blogmarks.net/api/user/tisienpo/mark/1058355259"/>
<rdf:li resource="http://blogmarks.net/api/user/vrossign/mark/1058325279"/>
<rdf:li resource="http://blogmarks.net/api/user/paulantoinem/mark/1058470711"/>
<rdf:li resource="http://blogmarks.net/api/user/delavigne/mark/1058319805"/>
<rdf:li resource="http://blogmarks.net/api/user/ronpish/mark/1058274454"/>
<rdf:li resource="http://blogmarks.net/api/user/delavigne/mark/1058274048"/>
<rdf:li resource="http://blogmarks.net/api/user/kunix/mark/1058249263"/>
</rdf:Seq></items>
</channel>
<item rdf:about="http://blogmarks.net/api/user/eledo34/mark/1058622387">
<title>Jquery : Menu horizontal avec silde Out In</title>
<link>http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/</link>
<description>Menu avec bouton cache  hyper sympa  
A tester

Pour le vertical voir  &quot;Check out an alternative version of this tutorial&quot;</description>
<dc:date>2009-12-16T07:47:59Z</dc:date>
<dc:author>eledo34</dc:author>
<dc:subject>jQuery, menu, navigation</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/"><img border="0" src="http://blogmarks.net/screenshots/2009/12/16/118b3ffb1a4b0feb5efacffbd33aec77.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/">Jquery : Menu horizontal avec silde Out In</a></h4>
 
by <a href="http://blogmarks.net/user/eledo34">eledo34</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3436872">1 other(s)</a> 
<p class="description">Menu avec bouton cache  hyper sympa  
A tester

Pour le vertical voir  "Check out an alternative version of this tutorial"</p>
<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/menu">menu</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/navigation">navigation</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058622387">Copy</a> | 
<a href="http://blogmarks.net/link/3436872">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/mozkart/mark/1058620579">
<title>CSS with vertical rhythm | drewish.com</title>
<link>http://drewish.com/tools/vertical-rhythm</link>
<description></description>
<dc:date>2009-12-14T12:00:42Z</dc:date>
<dc:author>mozkart</dc:author>
<dc:subject>css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://drewish.com/tools/vertical-rhythm"><img border="0" src="http://blogmarks.net/screenshots/2009/12/14/201c9e2a48cfd0dd909aca4fc23b93df.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://drewish.com/tools/vertical-rhythm">CSS with vertical rhythm | drewish.com</a></h4>
 
by <a href="http://blogmarks.net/user/mozkart">mozkart</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2161675">2 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=1058620579">Copy</a> | 
<a href="http://blogmarks.net/link/2161675">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/mozkart/mark/1058620577">
<title>  ★ L'importance du rythme vertical en design CSS, dans ergonomie, informatique  sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</title>
<link>http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/</link>
<description></description>
<dc:date>2009-12-14T11:59:25Z</dc:date>
<dc:author>mozkart</dc:author>
<dc:subject>css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/"><img border="0" src="http://blogmarks.net/screenshots/2009/12/14/a2514e4a141ae0bf9e8737f21898ef1e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/">  ★ L'importance du rythme vertical en design CSS, dans ergonomie, informatique  sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</a></h4>
 
by <a href="http://blogmarks.net/user/mozkart">mozkart</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3383407">3 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=1058620577">Copy</a> | 
<a href="http://blogmarks.net/link/3383407">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/kruty/mark/1058585521">
<title>★ L'importance du rythme vertical en design CSS, dans ergonomie, informatique sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</title>
<link>http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/</link>
<description></description>
<dc:date>2009-11-18T13:12:27Z</dc:date>
<dc:author>kruty</dc:author>
<dc:subject>design, web, freelance, son</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/"><img border="0" src="http://blogmarks.net/screenshots/2009/12/14/a2514e4a141ae0bf9e8737f21898ef1e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/">★ L'importance du rythme vertical en design CSS, dans ergonomie, informatique sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</a></h4>
 
by <a href="http://blogmarks.net/user/kruty">kruty</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3383407">3 other(s)</a> 
<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/web">web</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/freelance">freelance</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/son">son</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058585521">Copy</a> | 
<a href="http://blogmarks.net/link/3383407">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Nissone/mark/1058585446">
<title>L'importance du rythme vertical en design CSS, dans ergonomie, informatique sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</title>
<link>http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/</link>
<description></description>
<dc:date>2009-11-18T11:06:03Z</dc:date>
<dc:author>Nissone</dc:author>
<dc:subject>css, rythme vertical</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/"><img border="0" src="http://blogmarks.net/screenshots/2009/12/14/a2514e4a141ae0bf9e8737f21898ef1e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/">L'importance du rythme vertical en design CSS, dans ergonomie, informatique sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</a></h4>
 
by <a href="http://blogmarks.net/user/Nissone">Nissone</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3383407">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/rythme%2Bvertical">rythme vertical</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058585446">Copy</a> | 
<a href="http://blogmarks.net/link/3383407">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/sbrothier/mark/1058576262">
<title>Highrise</title>
<link>http://highrise.nfb.ca/</link>
<description>This is a *pre-site* for HIGHRISE, a multi-year, multi-media, collaborative documentary project about the human experience in global vertical suburbs. We will use the acclaimed interventionist and participatory approaches of the award-winning National Film Board of Canada’s Filmmaker-in-Residence (FIR) project. Our scale will be global, but rooted firmly in the FIR philosophy — putting people, process, creativity, collaboration, and innovation first.</description>
<dc:date>2009-11-09T08:20:14Z</dc:date>
<dc:author>sbrothier</dc:author>
<dc:subject>webdocumentaire</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://highrise.nfb.ca/"><img border="0" src="http://blogmarks.net/screenshots/2009/11/09/b5aced3f071113de4b4ed3c41e6e8617.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://highrise.nfb.ca/">Highrise</a></h4>
 
by <a href="http://blogmarks.net/user/sbrothier">sbrothier</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3400832">1 other(s)</a> 
<p class="description">This is a *pre-site* for HIGHRISE, a multi-year, multi-media, collaborative documentary project about the human experience in global vertical suburbs. We will use the acclaimed interventionist and participatory approaches of the award-winning National Film Board of Canada’s Filmmaker-in-Residence (FIR) project. Our scale will be global, but rooted firmly in the FIR philosophy — putting people, process, creativity, collaboration, and innovation first.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/webdocumentaire">webdocumentaire</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058576262">Copy</a> | 
<a href="http://blogmarks.net/link/3400832">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058575591">
<title>Between Mission Statement and Parametric Model: Places: Design Observer</title>
<link>http://places.designobserver.com/entry.html?entry=10757</link>
<description>&lt;blockquote&gt;&lt;p&gt;The project also didn’t much consider the crews of low-wage farm workers that would be needed to plant and harvest the crops of the ambitious vertical farm; presumably these crews would share elevators and stairwells with the residents of the market-rate condos above.&lt;/p&gt;&lt;/blockquote&gt;

Manque de culture des étudiants, environnement protégé, vouloir concevoir plus vert et plus social mais sans avoir la connaissance du terrain.

Shahn dans « The Shape of Content » recommandait à tous les étudiants d'art d'aller travailler dans les champs pour comprendre la terre, sa couleur, sa matière, l'aspect social. </description>
<dc:date>2009-11-08T12:18:23Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>architecture, art, societé</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://places.designobserver.com/entry.html?entry=10757"><img border="0" src="http://blogmarks.net/screenshots/2009/11/08/879c09df46f8a1fc48519a44316027ee.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://places.designobserver.com/entry.html?entry=10757">Between Mission Statement and Parametric Model: Places: Design Observer</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
<div class="description"><blockquote><p>The project also didn’t much consider the crews of low-wage farm workers that would be needed to plant and harvest the crops of the ambitious vertical farm; presumably these crews would share elevators and stairwells with the residents of the market-rate condos above.</p></blockquote>

Manque de culture des étudiants, environnement protégé, vouloir concevoir plus vert et plus social mais sans avoir la connaissance du terrain.

Shahn dans « The Shape of Content » recommandait à tous les étudiants d'art d'aller travailler dans les champs pour comprendre la terre, sa couleur, sa matière, l'aspect social. </div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/architecture">architecture</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/art">art</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/societ%25C3%25A9">societé</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058575591">Copy</a> | 
<a href="http://blogmarks.net/link/3403439">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/XavierMilaret/mark/1058574825">
<title>Le Village Vertical</title>
<link>http://www.village-vertical.org/</link>
<description>Bienvenue au village vertical, future coopérative d'habitants à Villeurbanne (Rhône) - un immeuble écologique conçu par ses habitants, dont ils sont, collectivement, les propriétaires, et qu'ils gèrent démocratiquement sans spéculation ni but lucratif.</description>
<dc:date>2009-11-07T15:37:49Z</dc:date>
<dc:author>XavierMilaret</dc:author>
<dc:subject>écologie, alternatif, habitat, 69, villeurbanne, coop</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.village-vertical.org/"><img border="0" src="http://blogmarks.net/screenshots/2009/11/07/e57d081f0f13b04845527e8b06360641.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.village-vertical.org/">Le Village Vertical</a></h4>
 
by <a href="http://blogmarks.net/user/XavierMilaret">XavierMilaret</a> 
<p class="description">Bienvenue au village vertical, future coopérative d'habitants à Villeurbanne (Rhône) - un immeuble écologique conçu par ses habitants, dont ils sont, collectivement, les propriétaires, et qu'ils gèrent démocratiquement sans spéculation ni but lucratif.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/%25C3%25A9cologie">écologie</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/alternatif">alternatif</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/habitat">habitat</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/69">69</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/villeurbanne">villeurbanne</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/coop">coop</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058574825">Copy</a> | 
<a href="http://blogmarks.net/link/3402801">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/gregg/mark/1058572378">
<title>Highrise</title>
<link>http://highrise.nfb.ca/</link>
<description>HIGHRISE, a multi-year, multi-media, collaborative documentary project about the human experience in global vertical suburbs. We will use the acclaimed interventionist and participatory approaches of the award-winning National Film Board of Canada’s Filmmaker-in-Residence (FIR) project. Our scale will be global, but rooted firmly in the FIR philosophy — putting people, process, creativity, collaboration, and innovation first.</description>
<dc:date>2009-11-04T22:09:39Z</dc:date>
<dc:author>gregg</dc:author>
<dc:subject>webdocumentaire</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://highrise.nfb.ca/"><img border="0" src="http://blogmarks.net/screenshots/2009/11/09/b5aced3f071113de4b4ed3c41e6e8617.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://highrise.nfb.ca/">Highrise</a></h4>
 
by <a href="http://blogmarks.net/user/gregg">gregg</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3400832">1 other(s)</a> 
<p class="description">HIGHRISE, a multi-year, multi-media, collaborative documentary project about the human experience in global vertical suburbs. We will use the acclaimed interventionist and participatory approaches of the award-winning National Film Board of Canada’s Filmmaker-in-Residence (FIR) project. Our scale will be global, but rooted firmly in the FIR philosophy — putting people, process, creativity, collaboration, and innovation first.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/webdocumentaire">webdocumentaire</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058572378">Copy</a> | 
<a href="http://blogmarks.net/link/3400832">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/mixher/mark/1058549965">
<title>★ L'importance du rythme vertical en design CSS, dans ergonomie, informatique sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</title>
<link>http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/</link>
<description></description>
<dc:date>2009-10-14T10:18:42Z</dc:date>
<dc:author>mixher</dc:author>
<dc:subject>design, web, son, freelance, typo, webesign</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/"><img border="0" src="http://blogmarks.net/screenshots/2009/12/14/a2514e4a141ae0bf9e8737f21898ef1e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.biologeek.com/ergonomie,informatique/l-importance-du-rythme-vertical-en-design-css/">★ L'importance du rythme vertical en design CSS, dans ergonomie, informatique sur BioloGeek, l'avis d'un freelance passionné par le web et son évolution.</a></h4>
 
by <a href="http://blogmarks.net/user/mixher">mixher</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3383407">3 other(s)</a> 
<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/web">web</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/son">son</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/freelance">freelance</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/typo">typo</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/webesign">webesign</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058549965">Copy</a> | 
<a href="http://blogmarks.net/link/3383407">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/Fulcanelli/mark/1058547425">
<title>Vertically Align with CSS - Vertical Alignment Tutorial - CSS</title>
<link>http://www.sohtanaka.com/web-design/vertical-alignment-css/</link>
<description></description>
<dc:date>2009-10-12T07:33:38Z</dc:date>
<dc:author>Fulcanelli</dc:author>
<dc:subject>css, tutorial, vertical, aligne</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.sohtanaka.com/web-design/vertical-alignment-css/"><img border="0" src="http://blogmarks.net/screenshots/2009/10/12/92dfbcd68b59b38c81a9580eeaca496e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.sohtanaka.com/web-design/vertical-alignment-css/">Vertically Align with CSS - Vertical Alignment Tutorial - CSS</a></h4>
 
by <a href="http://blogmarks.net/user/Fulcanelli">Fulcanelli</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/tutorial">tutorial</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/vertical">vertical</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/aligne">aligne</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058547425">Copy</a> | 
<a href="http://blogmarks.net/link/3381226">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/br1o/mark/1058556525">
<title>How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 | Spyre Studios</title>
<link>http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/</link>
<description></description>
<dc:date>2009-09-19T23:20:45Z</dc:date>
<dc:author>br1o</dc:author>
<dc:subject>html, inspiration, menu, howto, ui, plugin, jQuery, tutorial, cool, navigation, vertical, slider, slide, menus, panel, sliding, css3, javascript, css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/">How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 | Spyre Studios</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/html">html</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/menu">menu</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/howto">howto</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/ui">ui</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/jQuery">jQuery</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/cool">cool</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/navigation">navigation</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/vertical">vertical</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/slider">slider</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/slide">slide</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/menus">menus</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/panel">panel</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/sliding">sliding</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>
<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=1058556525">Copy</a> | 
<a href="http://blogmarks.net/link/3388979">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/dzc/mark/1058495792">
<title>Horizontal and Vertical Centering Using CSS: A Beginner’s Guide | Noobcube</title>
<link>http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/</link>
<description></description>
<dc:date>2009-09-07T13:02:35Z</dc:date>
<dc:author>dzc</dc:author>
<dc:subject>css, intégration css/xhtml, conception web, center</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/"><img border="0" src="http://blogmarks.net/screenshots/2009/09/07/f9928fffef467a94d4bc74a3b17276a8.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/">Horizontal and Vertical Centering Using CSS: A Beginner’s Guide | Noobcube</a></h4>
 
by <a href="http://blogmarks.net/user/dzc">dzc</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/int%25C3%25A9gration%2Bcss%252Fxhtml">intégration css/xhtml</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/conception%2Bweb">conception web</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/center">center</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058495792">Copy</a> | 
<a href="http://blogmarks.net/link/3336600">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058490453">
<title>Op-Ed Contributor - A Farm on Every Floor - NYTimes.com</title>
<link>http://www.nytimes.com/2009/08/24/opinion/24Despommier.html?_r=2&amp;ref=opinion&amp;pagewanted=print</link>
<description>&lt;blockquote&gt;&lt;p&gt;Move most farming into cities, and grow crops in tall, specially constructed buildings. It’s called vertical farming.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-09-02T13:55:24Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>ecologie, architecture</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.nytimes.com/2009/08/24/opinion/24Despommier.html?_r=2&amp;ref=opinion&amp;pagewanted=print"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.nytimes.com/2009/08/24/opinion/24Despommier.html?_r=2&amp;ref=opinion&amp;pagewanted=print">Op-Ed Contributor - A Farm on Every Floor - NYTimes.com</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
<div class="description"><blockquote><p>Move most farming into cities, and grow crops in tall, specially constructed buildings. It’s called vertical farming.</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/ecologie">ecologie</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/architecture">architecture</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058490453">Copy</a> | 
<a href="http://blogmarks.net/link/3332219">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/rwatuny/mark/1058503028">
<title>Windspire: Vertical Axis Wind Turbine</title>
<link>http://www.mariahpower.com/</link>
<description></description>
<dc:date>2009-08-25T23:35:40Z</dc:date>
<dc:author>rwatuny</dc:author>
<dc:subject>énergie, éolien, soutenabilité</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.mariahpower.com/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.mariahpower.com/">Windspire: Vertical Axis Wind Turbine</a></h4>
 
by <a href="http://blogmarks.net/user/rwatuny">rwatuny</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/%25C3%25A9nergie">énergie</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/%25C3%25A9olien">éolien</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/soutenabilit%25C3%25A9">soutenabilité</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058503028">Copy</a> | 
<a href="http://blogmarks.net/link/3342360">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/decembre/mark/1058547944">
<title>Menu dynamique vertical [ Scripts à éditer ] [ L'éditeur JavaScript ]</title>
<link>http://www.editeurjavascript.com/scripts/scripts_navigation_1_120.php</link>
<description>Menu dynamique vertical - Description  Ce script va vous permettre d'afficher sur votre page un menu dont les catégories s'ouvrent au passage de la souris, affiché de façon verticale.  L'édition de ce script est assez longue. Avant de commencer a éditer ce script, ayez bien l'arborescence de votre menu en tête. Sur cette page, vous devez définir les propriétés visuelles de votre menu, puis enregistrer les titres présents dans le menu. Une fois tous les titres enregistrés, cliquez sur &quot;passez a l'étape suivante&quot;.</description>
<dc:date>2009-07-21T23:57:58Z</dc:date>
<dc:author>decembre</dc:author>
<dc:subject>script, javascript, site, izispote, webdesign, forum, editeur</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.editeurjavascript.com/scripts/scripts_navigation_1_120.php"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.editeurjavascript.com/scripts/scripts_navigation_1_120.php">Menu dynamique vertical [ Scripts à éditer ] [ L'éditeur JavaScript ]</a></h4>
 
by <a href="http://blogmarks.net/user/decembre">decembre</a> 
<p class="description">Menu dynamique vertical - Description  Ce script va vous permettre d'afficher sur votre page un menu dont les catégories s'ouvrent au passage de la souris, affiché de façon verticale.  L'édition de ce script est assez longue. Avant de commencer a éditer ce script, ayez bien l'arborescence de votre menu en tête. Sur cette page, vous devez définir les propriétés visuelles de votre menu, puis enregistrer les titres présents dans le menu. Une fois tous les titres enregistrés, cliquez sur "passez a l'étape suivante".</p>
<p class="tags">
<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/site">site</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/izispote">izispote</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/forum">forum</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/editeur">editeur</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058547944">Copy</a> | 
<a href="http://blogmarks.net/link/3381655">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/conseilnet/mark/1058385420">
<title>Free horizontal, vertical and breadcrumb css menus for your website | CSS Menu Builder | Free online navigation generator</title>
<link>http://www.cssmenubuilder.com/menus</link>
<description></description>
<dc:date>2009-06-23T06:24:01Z</dc:date>
<dc:author>conseilnet</dc:author>
<dc:subject>css, menu</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.cssmenubuilder.com/menus"><img border="0" src="http://blogmarks.net/screenshots/2009/06/23/bef67dc2203a54c91448694d0f7b30a7.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.cssmenubuilder.com/menus">Free horizontal, vertical and breadcrumb css menus for your website | CSS Menu Builder | Free online navigation generator</a></h4>
 
by <a href="http://blogmarks.net/user/conseilnet">conseilnet</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/menu">menu</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058385420">Copy</a> | 
<a href="http://blogmarks.net/link/3249536">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/karlcow/mark/1058359101">
<title>What are 2D Barcodes? « optional.is/required</title>
<link>http://optional.is/required/2009/06/02/what-are-2d-barcodes/</link>
<description>&lt;blockquote&gt;&lt;p&gt;The term “2D Barcode” is the name given to the next generation of the barcodes we are used to on everyday packaging and products. Before digging into 2D barcodes, we need to explain the history of 1D barcodes and how we arrived at this point. 1D barcodes are the traditional barcodes we see everyday, they are called one-dimensional because their pattern of thick and thin vertical bars is read in only one direction, from left to right.&lt;/p&gt;&lt;/blockquote&gt;</description>
<dc:date>2009-06-11T02:58:28Z</dc:date>
<dc:author>karlcow</dc:author>
<dc:subject>barcode, qrcode</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://optional.is/required/2009/06/02/what-are-2d-barcodes/"><img border="0" src="http://blogmarks.net/screenshots/2009/06/11/c61507c6f3ab067529706defbb085cff.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://optional.is/required/2009/06/02/what-are-2d-barcodes/">What are 2D Barcodes? « optional.is/required</a></h4>
 
by <a href="http://blogmarks.net/user/karlcow">karlcow</a> 
<div class="description"><blockquote><p>The term “2D Barcode” is the name given to the next generation of the barcodes we are used to on everyday packaging and products. Before digging into 2D barcodes, we need to explain the history of 1D barcodes and how we arrived at this point. 1D barcodes are the traditional barcodes we see everyday, they are called one-dimensional because their pattern of thick and thin vertical bars is read in only one direction, from left to right.</p></blockquote></div>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/barcode">barcode</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/qrcode">qrcode</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058359101">Copy</a> | 
<a href="http://blogmarks.net/link/3225977">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/tisienpo/mark/1058355259">
<title>Comprendre comment les Français réagissent à la crise et se projettent dans l’après crise</title>
<link>http://www.tns-sofres.com/points-de-vue/C275570809944E0BB21A3D47D043E80B.aspx</link>
<description>

Pour comprendre comment les Français réagissent à la crise et se projettent dans l’après crise, TNS Sofres a mis en œuvre une double approche : un sondage sur la crise et ses lendemains et une analyse sémiométrique, méthode qui consiste à appréhender les systèmes de valeurs à travers un corpus de mots. 1500 personnes interrogées, 210 mots testés, et au final 5 profils d’attitudes révélés sur la crise et la sortie de crise.
Deux axes de lecture divisent les Français sur la crise et l’après crise

Les résultats de l’enquête montrent des Français très partagés, tout aussi bien sur la gravité et la durée de la crise actuelle (31% estiment qu’elle est plus grave que celle de 1929, 27% moins grave et 42% aussi grave) que sur la société française et le monde de l’après-crise. Si une majorité de Français se montre en effet pessimiste – imaginant une société française moins tolérante, plus inquiétante, plus inégalitaire ou encore plus autoritaire –, d’autres demeurent optimistes, espérant des lendemains qui chantent après des temps difficiles et décrivant une société plus respectueuse de l’environnement et plus solidaire. Face à ces opinions fortement clivées, une typologie permet de dessiner les différents profils des Français et de leurs attitudes face à la crise.
5 profils différents des Français face à la crise

Les résultats de l’étude ont permis de distinguer 5 groupes d’individus partageant des visions différentes de la crise et de l’après crise, positionnées selon deux axes. Ces axes synthétisent le rapport des Français à la crise, avec en premier lieu (axe horizontal) les perspectives de la sortie de crise, qu’elles soient optimistes ou pessimistes, et un deuxième axe (vertical) sur la nature de la crise : une crise durable et globale versus une crise conjoncturelle et avant tout économique.

 
Les battants : la crise, une occasion d’agir

Plutôt épargnés jusqu’ici par la crise, les individus de ce groupe (29% de l’échantillon) ont tendance à minimiser sa gravité et notamment sa durée. Ils envisagent une crise courte qui serait pour eux une occasion de redoubler d’efforts pour améliorer le système existant, sans pour autant le bouleverser. On retrouve dans ce groupe des individus qui disposent des ressources personnelles pour faire face à la crise : les hommes jeunes, diplômés et disposant de hauts revenus se retrouvent plus qu’ailleurs dans ce groupe. L’analyse de « leurs » mots montre des personnalités attachées à des valeurs « authentiques », solides (patrie, prêtre, Dieu, gloire, héros, soldat et élite sont des mots sur notés par les membres de ce groupe). Cet attachement se traduit sur le plan personnel par une soif de réussite et un goût pour le travail (commerce, industrie vitesse et ruse).
Les rebâtisseurs : la crise, un obstacle dépassable, voire une étape salvatrice

Représentant 13% de l’échantillon le groupe des rebâtisseurs rassemble les Français les plus optimistes sur les perspectives de sortie de crise. Après une crise qu’ils estiment durer longtemps, ils imaginent une France et un monde plus apaisés, plus ouverts et plus sûrs. Plus souvent que la moyenne on rencontre dans ce groupe des femmes, des personnes âgées de plus de 45 ans et des employés. L’étude des mots qu’ils aiment ou n’aiment pas permet de déceler parmi eux des personnalités volontaires et dynamiques (construire, effort, ambition et commerce sur notés), ouverts à autrui (étranger, différent et original) et ayant tendance à mettre à distance les menaces anxiogènes afin de se construire un cadre serein et rassurant (tendresse, féminin, bleu, intime et sublime).
Les repliés : la crise, une nouvelle source d’inquiétude

Ils constituent 23% de l’échantillon et rassemblent des individus chez qui la crise provoque un repli sur soi. Sans être catastrophistes sur le monde de l’après crise ils ne trouvent pas dans la situation actuelle d’éléments suffisamment solides pour leur permettre de se rassurer et d’envisager un avenir souriant. Constitué plus souvent que la moyenne de jeunes et de cadres, ce groupe fait preuve d’attitudes plutôt pessimistes (rire, humour et rêver sont des mots sous notés) a tendance à rejeter l’ouverture (aventurier, original, étranger, désert et absolu sous notés) et se construit davantage par opposition que sur des convictions (peu de mots de ce groupe sont sur notés par rapport à la moyenne, on observe principalement des mots sous notés).
Les réformateurs : la crise, une occasion pour réfléchir

Ceux-ci (19% de l’échantillon) anticipent une crise longue et souhaitent, sans y croire véritablement, une réforme du système capitaliste qui serait l’occasion de redéfinir les valeurs des sociétés modernes. Malgré leur perplexité sur les possibilités de réforme, ils restent toutefois optimistes. Les professions intermédiaires et les revenus modestes se retrouvent plus souvent qu’ailleurs à l’intérieur de ce groupe et on discerne à travers leurs mots des personnalités plutôt anticonformistes (patrie, gloire, honneur, loi sont sous notés) qui aspirent à s’éloigner des valeurs traditionnelles (fermeté, rigide, discipline sous notés) pour atteindre des vertus plus apaisantes (fleuve, nager, eau, art, livre, enseigner sont ainsi sur notés).
Les sinistrés : la crise, une réelle menace pour eux

 Rassemblant 16% de l’échantillon, les sinistrés sont des individus qui se disent déjà touchés personnellement par la crise et qui se montrent très pessimistes sur la société française de l’après crise : ils envisagent une société plus autoritaire et plus inégalitaire. Il s’agit plus souvent de personnes ayant des revenus modestes et peu diplômées, les plus vulnérables donc face la crise. Leurs mots révèlent des personnalités humbles faisant preuve d’un rejet de la puissance (gloire, héros, commander, souverain, soldat sous notés) : en quête de sérénité et de réassurance (fleur, tendresse, gratuit, gaîté, douceur, humour, musique, vert, eau, rêver sur notés), ils recherchent par ailleurs un nouvel ancrage dans les valeurs sociales de notions telles que la fidélité, la prudence ou la modération (famille, adorer, fidélité, politesse, économiser et règle sur notés).
</description>
<dc:date>2009-06-09T15:03:44Z</dc:date>
<dc:author>tisienpo</dc:author>
<dc:subject>TNS-SOFRES, crise, études, chiffres clés, consommateurs</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.tns-sofres.com/points-de-vue/C275570809944E0BB21A3D47D043E80B.aspx"><img border="0" src="http://blogmarks.net/screenshots/2009/06/09/b0ccbba2c7398b9438d8f7f9a47efa1e.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.tns-sofres.com/points-de-vue/C275570809944E0BB21A3D47D043E80B.aspx">Comprendre comment les Français réagissent à la crise et se projettent dans l’après crise</a></h4>
 
by <a href="http://blogmarks.net/user/tisienpo">tisienpo</a> 
<p class="description">

Pour comprendre comment les Français réagissent à la crise et se projettent dans l’après crise, TNS Sofres a mis en œuvre une double approche : un sondage sur la crise et ses lendemains et une analyse sémiométrique, méthode qui consiste à appréhender les systèmes de valeurs à travers un corpus de mots. 1500 personnes interrogées, 210 mots testés, et au final 5 profils d’attitudes révélés sur la crise et la sortie de crise.
Deux axes de lecture divisent les Français sur la crise et l’après crise

Les résultats de l’enquête montrent des Français très partagés, tout aussi bien sur la gravité et la durée de la crise actuelle (31% estiment qu’elle est plus grave que celle de 1929, 27% moins grave et 42% aussi grave) que sur la société française et le monde de l’après-crise. Si une majorité de Français se montre en effet pessimiste – imaginant une société française moins tolérante, plus inquiétante, plus inégalitaire ou encore plus autoritaire –, d’autres demeurent optimistes, espérant des lendemains qui chantent après des temps difficiles et décrivant une société plus respectueuse de l’environnement et plus solidaire. Face à ces opinions fortement clivées, une typologie permet de dessiner les différents profils des Français et de leurs attitudes face à la crise.
5 profils différents des Français face à la crise

Les résultats de l’étude ont permis de distinguer 5 groupes d’individus partageant des visions différentes de la crise et de l’après crise, positionnées selon deux axes. Ces axes synthétisent le rapport des Français à la crise, avec en premier lieu (axe horizontal) les perspectives de la sortie de crise, qu’elles soient optimistes ou pessimistes, et un deuxième axe (vertical) sur la nature de la crise : une crise durable et globale versus une crise conjoncturelle et avant tout économique.

 
Les battants : la crise, une occasion d’agir

Plutôt épargnés jusqu’ici par la crise, les individus de ce groupe (29% de l’échantillon) ont tendance à minimiser sa gravité et notamment sa durée. Ils envisagent une crise courte qui serait pour eux une occasion de redoubler d’efforts pour améliorer le système existant, sans pour autant le bouleverser. On retrouve dans ce groupe des individus qui disposent des ressources personnelles pour faire face à la crise : les hommes jeunes, diplômés et disposant de hauts revenus se retrouvent plus qu’ailleurs dans ce groupe. L’analyse de « leurs » mots montre des personnalités attachées à des valeurs « authentiques », solides (patrie, prêtre, Dieu, gloire, héros, soldat et élite sont des mots sur notés par les membres de ce groupe). Cet attachement se traduit sur le plan personnel par une soif de réussite et un goût pour le travail (commerce, industrie vitesse et ruse).
Les rebâtisseurs : la crise, un obstacle dépassable, voire une étape salvatrice

Représentant 13% de l’échantillon le groupe des rebâtisseurs rassemble les Français les plus optimistes sur les perspectives de sortie de crise. Après une crise qu’ils estiment durer longtemps, ils imaginent une France et un monde plus apaisés, plus ouverts et plus sûrs. Plus souvent que la moyenne on rencontre dans ce groupe des femmes, des personnes âgées de plus de 45 ans et des employés. L’étude des mots qu’ils aiment ou n’aiment pas permet de déceler parmi eux des personnalités volontaires et dynamiques (construire, effort, ambition et commerce sur notés), ouverts à autrui (étranger, différent et original) et ayant tendance à mettre à distance les menaces anxiogènes afin de se construire un cadre serein et rassurant (tendresse, féminin, bleu, intime et sublime).
Les repliés : la crise, une nouvelle source d’inquiétude

Ils constituent 23% de l’échantillon et rassemblent des individus chez qui la crise provoque un repli sur soi. Sans être catastrophistes sur le monde de l’après crise ils ne trouvent pas dans la situation actuelle d’éléments suffisamment solides pour leur permettre de se rassurer et d’envisager un avenir souriant. Constitué plus souvent que la moyenne de jeunes et de cadres, ce groupe fait preuve d’attitudes plutôt pessimistes (rire, humour et rêver sont des mots sous notés) a tendance à rejeter l’ouverture (aventurier, original, étranger, désert et absolu sous notés) et se construit davantage par opposition que sur des convictions (peu de mots de ce groupe sont sur notés par rapport à la moyenne, on observe principalement des mots sous notés).
Les réformateurs : la crise, une occasion pour réfléchir

Ceux-ci (19% de l’échantillon) anticipent une crise longue et souhaitent, sans y croire véritablement, une réforme du système capitaliste qui serait l’occasion de redéfinir les valeurs des sociétés modernes. Malgré leur perplexité sur les possibilités de réforme, ils restent toutefois optimistes. Les professions intermédiaires et les revenus modestes se retrouvent plus souvent qu’ailleurs à l’intérieur de ce groupe et on discerne à travers leurs mots des personnalités plutôt anticonformistes (patrie, gloire, honneur, loi sont sous notés) qui aspirent à s’éloigner des valeurs traditionnelles (fermeté, rigide, discipline sous notés) pour atteindre des vertus plus apaisantes (fleuve, nager, eau, art, livre, enseigner sont ainsi sur notés).
Les sinistrés : la crise, une réelle menace pour eux

 Rassemblant 16% de l’échantillon, les sinistrés sont des individus qui se disent déjà touchés personnellement par la crise et qui se montrent très pessimistes sur la société française de l’après crise : ils envisagent une société plus autoritaire et plus inégalitaire. Il s’agit plus souvent de personnes ayant des revenus modestes et peu diplômées, les plus vulnérables donc face la crise. Leurs mots révèlent des personnalités humbles faisant preuve d’un rejet de la puissance (gloire, héros, commander, souverain, soldat sous notés) : en quête de sérénité et de réassurance (fleur, tendresse, gratuit, gaîté, douceur, humour, musique, vert, eau, rêver sur notés), ils recherchent par ailleurs un nouvel ancrage dans les valeurs sociales de notions telles que la fidélité, la prudence ou la modération (famille, adorer, fidélité, politesse, économiser et règle sur notés).
</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/TNS-SOFRES">TNS-SOFRES</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/crise">crise</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/%25C3%25A9tudes">études</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/chiffres%2Bcl%25C3%25A9s">chiffres clés</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/consommateurs">consommateurs</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058355259">Copy</a> | 
<a href="http://blogmarks.net/link/3223258">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/vrossign/mark/1058325279">
<title>terrill.ca | Vertical Bar Graphs using CSS and PHP</title>
<link>http://www.terrill.ca/design/vertical_bar_graphs/</link>
<description></description>
<dc:date>2009-05-15T11:23:30Z</dc:date>
<dc:author>vrossign</dc:author>
<dc:subject>css, php, graphs, bar, charts, stacked</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://www.terrill.ca/design/vertical_bar_graphs/"><img border="0" src="http://blogmarks.net/screenshots/2009/05/15/c00ae534fc1b17aea0122b743ec726a5.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://www.terrill.ca/design/vertical_bar_graphs/">terrill.ca | Vertical Bar Graphs using CSS and PHP</a></h4>
 
by <a href="http://blogmarks.net/user/vrossign">vrossign</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/1731685">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/php">php</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/graphs">graphs</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/bar">bar</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/charts">charts</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/stacked">stacked</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058325279">Copy</a> | 
<a href="http://blogmarks.net/link/1731685">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/paulantoinem/mark/1058470711">
<title>36poses - lieu personnel de recensement littéraire | écriture | veille artistique | voyage vertical.</title>
<link>http://36poses.wordpress.com/</link>
<description></description>
<dc:date>2009-05-11T09:43:13Z</dc:date>
<dc:author>paulantoinem</dc:author>
<dc:subject>blogs</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://36poses.wordpress.com/"><img border="0" src="http://blogmarks.net/screenshots/404.php" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://36poses.wordpress.com/">36poses - lieu personnel de recensement littéraire | écriture | veille artistique | voyage vertical.</a></h4>
 
by <a href="http://blogmarks.net/user/paulantoinem">paulantoinem</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/blogs">blogs</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058470711">Copy</a> | 
<a href="http://blogmarks.net/link/3318240">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/delavigne/mark/1058319805">
<title>Développement efficace avec les frameworks CSS - La Case de l'Oncle Tom</title>
<link>http://case.oncle-tom.net/2008/11/25/developpement-efficace-frameworks-css/</link>
<description>Les frameworks CSS ont été mentionnés la première fois dans la conférence Working in the Now (visualiser la présentation). Au final, on n’était pas loin de faire salle comble avec plus d’une vingtaine de participants à vue de nez.

Une petite scéance de rattrapage s’impose ;-)

Pourquoi avoir choisi ce sujet ?

J’ai lu un article sur l’importance du rythme vertical l’an dernier sur Biologeek et ça m’a sensibilisé au fait qu’on pouvait rendre la lecture d’un site tout simplement en rendant prédictible la position du texte.

Entre temps j’ai également lu l’excellent Transcender CSS d’Andy Clarke. J’y ai été sublimé par des présentations de sites totalement en grille.

Depuis je suis devenu fan de Blueprint CSS (je crois que ça s’est remarqué lors de mon intervention ;-)). J’ai commencé à l’utiliser sur des projets personnels puis dans un cadre professionnel. J’utilisais déjà symfony comme framework PHP et jQuery comme framework JavaScript alors pourquoi pas Blueprint ?

Comme le suggérait très justement Christian Heilmann dans sa présentation, l’utilisation d’outils déjà existants est nécessaire pour réduire les coûts de production. C’était déjà un bon alibi mais je les apprécie aussi parce qu’on gagne un temps fou ! On se concentre sur le code métier, pas le reste.</description>
<dc:date>2009-05-10T22:54:50Z</dc:date>
<dc:author>delavigne</dc:author>
<dc:subject>php, javascript, css, framework, code</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://case.oncle-tom.net/2008/11/25/developpement-efficace-frameworks-css/"><img border="0" src="http://blogmarks.net/screenshots/2009/05/10/1d1c93f747aebf347a958d9e2b9f0b96.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://case.oncle-tom.net/2008/11/25/developpement-efficace-frameworks-css/">Développement efficace avec les frameworks CSS - La Case de l'Oncle Tom</a></h4>
 
by <a href="http://blogmarks.net/user/delavigne">delavigne</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/2979017">3 other(s)</a> 
<p class="description">Les frameworks CSS ont été mentionnés la première fois dans la conférence Working in the Now (visualiser la présentation). Au final, on n’était pas loin de faire salle comble avec plus d’une vingtaine de participants à vue de nez.

Une petite scéance de rattrapage s’impose ;-)

Pourquoi avoir choisi ce sujet ?

J’ai lu un article sur l’importance du rythme vertical l’an dernier sur Biologeek et ça m’a sensibilisé au fait qu’on pouvait rendre la lecture d’un site tout simplement en rendant prédictible la position du texte.

Entre temps j’ai également lu l’excellent Transcender CSS d’Andy Clarke. J’y ai été sublimé par des présentations de sites totalement en grille.

Depuis je suis devenu fan de Blueprint CSS (je crois que ça s’est remarqué lors de mon intervention ;-)). J’ai commencé à l’utiliser sur des projets personnels puis dans un cadre professionnel. J’utilisais déjà symfony comme framework PHP et jQuery comme framework JavaScript alors pourquoi pas Blueprint ?

Comme le suggérait très justement Christian Heilmann dans sa présentation, l’utilisation d’outils déjà existants est nécessaire pour réduire les coûts de production. C’était déjà un bon alibi mais je les apprécie aussi parce qu’on gagne un temps fou ! On se concentre sur le code métier, pas le reste.</p>
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/php">php</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/css">css</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/framework">framework</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/code">code</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058319805">Copy</a> | 
<a href="http://blogmarks.net/link/2979017">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/ronpish/mark/1058274454">
<title>  Em based layouts - Vertical rhythm calculator » James Whittaker</title>
<link>http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/</link>
<description></description>
<dc:date>2009-04-14T05:09:24Z</dc:date>
<dc:author>ronpish</dc:author>
<dc:subject>typo, css, em, webdesign</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/"><img border="0" src="http://blogmarks.net/screenshots/2009/04/14/a1f0861a99f3eded991110904c65c7b1.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/">  Em based layouts - Vertical rhythm calculator » James Whittaker</a></h4>
 
by <a href="http://blogmarks.net/user/ronpish">ronpish</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3156070">1 other(s)</a> 
<p class="tags">
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/typo">typo</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/em">em</a>
<a rel="tag" class="tag public_tag" href="http://blogmarks.net/marks/tag/webdesign">webdesign</a>
</p>
<div class="action-bar">
<a href="http://blogmarks.net/my/marks,new?id=1058274454">Copy</a> | 
<a href="http://blogmarks.net/link/3156070">React (0)</a></div>
</div>
</div>
]]></content:encoded>
</item> <item rdf:about="http://blogmarks.net/api/user/delavigne/mark/1058274048">
<title>Em based layouts - Vertical rhythm calculator » James Whittaker</title>
<link>http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/</link>
<description></description>
<dc:date>2009-04-13T15:24:53Z</dc:date>
<dc:author>delavigne</dc:author>
<dc:subject>css</dc:subject>
<content:encoded><![CDATA[<div class="mark">
<a href="http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/"><img border="0" src="http://blogmarks.net/screenshots/2009/04/14/a1f0861a99f3eded991110904c65c7b1.jpg" alt="" /></a>
<div class="xfolkentry">
<h4><a class="taggedlink" href="http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/">Em based layouts - Vertical rhythm calculator » James Whittaker</a></h4>
 
by <a href="http://blogmarks.net/user/delavigne">delavigne</a> 
 &amp; <a class="public" href="http://blogmarks.net/link/3156070">1 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=1058274048">Copy</a> | 
<a href="http://blogmarks.net/link/3156070">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> </rdf:RDF>