<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" version="2.0"><channel><title>bbxdesign</title> <link>http://bbxdesign.com</link> <description>CSS, WordPress &amp; Web Design</description> <lastBuildDate>Tue, 09 Mar 2010 09:20:32 +0000</lastBuildDate> <generator>http://wordpress.org/?v=2.9.2</generator> <language>fr</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/bbxdesign" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="bbxdesign" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item><title>Ambilight en HTML 5</title><link>http://bbxdesign.com/2010/03/09/ambilight-en-html-5/</link> <comments>http://bbxdesign.com/2010/03/09/ambilight-en-html-5/#comments</comments> <pubDate>Tue, 09 Mar 2010 09:20:32 +0000</pubDate> <dc:creator>Jeremy</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[XHTML / CSS]]></category> <category><![CDATA[html 5]]></category> <category><![CDATA[vidéo]]></category><guid isPermaLink="false">http://bbxdesign.com/?p=1139</guid> <description><![CDATA[Vous connaissez la technologie Ambilight de Philips ? Bon. Imaginez ça dans votre navigateur.Si vous avez aimé le Sublime Video, vous aimerez l&#8217;Ambilight en HTML5 (qui reprend d&#8217;ailleurs la même vidéo). Par contre, j&#8217;ai pas trop compris les explications en russe&#8230; (via Beautiful Pixels) ]]></description> <content:encoded><![CDATA[<p>Vous connaissez la technologie <a href="http://en.wikipedia.org/wiki/Ambilight">Ambilight de Philips</a> ? Bon. Imaginez ça dans votre <strong>navigateur</strong>.</p><p><a href="http://bbxdesign.com/wp-content/uploads/ambilight-html-5.png"><img class="alignnone size-medium wp-image-1140" title="Ambilight en HTML 5" src="http://bbxdesign.com/wp-content/uploads/ambilight-html-5-500x200.png" alt="Ambilight en HTML 5" width="500" height="200" /></a></p><p>Si vous avez aimé le <a href="http://jilion.com/sublime/video">Sublime Video</a>, vous aimerez l&#8217;<strong><a href="http://chikuyonok.ru/ambilight/">Ambilight en HTML5</a><span style="font-weight: normal;"> (qui reprend d&#8217;ailleurs la même vidéo).<br /> Par contre, j&#8217;ai pas trop compris les explications en <a href="http://chikuyonok.ru/2010/03/ambilight-video/">russe</a>&#8230; </span></strong></p><p><strong><span style="font-weight: normal;">(via <a href="http://beautifulpixels.com/web/ambilight-html5/">Beautiful Pixels</a>)</span></strong></p> ]]></content:encoded> <wfw:commentRss>http://bbxdesign.com/2010/03/09/ambilight-en-html-5/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Refonte et thème tumblr pour Waker</title><link>http://bbxdesign.com/2010/02/25/refonte-et-theme-tumblr-pour-waker/</link> <comments>http://bbxdesign.com/2010/02/25/refonte-et-theme-tumblr-pour-waker/#comments</comments> <pubDate>Thu, 25 Feb 2010 08:00:25 +0000</pubDate> <dc:creator>Jeremy</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[XHTML / CSS]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[refonte]]></category> <category><![CDATA[tumblr]]></category> <category><![CDATA[wordpress]]></category><guid isPermaLink="false">http://bbxdesign.com/?p=1133</guid> <description><![CDATA[Waker, c&#8217;est un site de bêtises trop fréquentes et trop futiles pour être postées ici. Au départ, c&#8217;était un WordPress avec un thème pas trop travaillé, mais j&#8217;aimais bien la palette de couleurs. Et puis je me suis rendu compte que poster avec WordPress était trop contraignant, car trop long. Même avec le bookmarklet Press This, [...]]]></description> <content:encoded><![CDATA[<p><strong>Waker</strong>, c&#8217;est un <a href="http://waker.fr/">site de bêtises</a> trop fréquentes et trop futiles pour être postées ici.</p><p>Au départ, c&#8217;était un <strong>WordPress </strong>avec un <a href="http://bbxdesign.com/wp-content/uploads/waker-theme-wordpress.jpg">thème pas trop travaillé</a>, mais j&#8217;aimais bien la palette de couleurs. Et puis je me suis rendu compte que poster avec WordPress était trop contraignant, car trop long. Même avec le bookmarklet <strong>Press This</strong>, poster un simple lien ou une photo prenait trop de temps.</p><p>Résultat : je prends un <strong>tumblr </strong>tout simplement. Le bookmarklet est très efficace : il récupère facilement les photos ou la vidéo de la page où l&#8217;on est, et l&#8217;upload est direct. Au début, j&#8217;ai pris mon thème <a href="http://www.tumblr.com/theme/6487">bbxtumblr</a>, mais il manquait d&#8217;identité pour Waker.</p><p>Donc, j&#8217;en ai fait un autre.</p><p><a href="http://bbxdesign.com/wp-content/uploads/waker-theme-tumblr.jpg"><img class="alignnone size-medium wp-image-1135" title="waker-theme-tumblr" src="http://bbxdesign.com/wp-content/uploads/waker-theme-tumblr-500x310.jpg" alt="Thème Tumblr Waker" width="500" height="310" /></a></p><h3>Navigation au clavier</h3><p>La grande particularité est d&#8217;avoir intégré grâce à une lib JavaScript, la <strong>navigation au clavier </strong>comme pour Google Reader ou FFFFOUND, c&#8217;est à dire la touche &#8220;J&#8221; pour suivant et &#8220;K&#8221; pour précédent, sachant qu&#8217;elle gère aussi la <strong>pagination </strong>dès que vous arrivez en haut ou en bas de la page.</p><p><img class="alignnone size-full wp-image-1136" title="navigation-clavier-javascript" src="http://bbxdesign.com/wp-content/uploads/navigation-clavier-javascript.png" alt="" width="150" height="94" /></p><p>Et si vous voulez savoir pourquoi ça s&#8217;appelle &#8220;Waker&#8221;, et bien <a href="http://www.youtube.com/watch?v=amrfoRgqDDU#t=4m12s">voilà pourquoi</a>.</p> ]]></content:encoded> <wfw:commentRss>http://bbxdesign.com/2010/02/25/refonte-et-theme-tumblr-pour-waker/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Empêcher la redimension des textarea dans Google Chrome</title><link>http://bbxdesign.com/2010/02/24/empecher-la-redimension-des-textarea-dans-google-chrome/</link> <comments>http://bbxdesign.com/2010/02/24/empecher-la-redimension-des-textarea-dans-google-chrome/#comments</comments> <pubDate>Wed, 24 Feb 2010 16:02:39 +0000</pubDate> <dc:creator>Jeremy</dc:creator> <category><![CDATA[Astuces]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[XHTML / CSS]]></category> <category><![CDATA[astuce]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[css]]></category> <category><![CDATA[google]]></category> <category><![CDATA[textarea]]></category><guid isPermaLink="false">http://bbxdesign.com/?p=1126</guid> <description><![CDATA[Si vous êtes vous aussi ennuyé de temps à autre par la possibilité dans Google Chrome de redimensionner les textarea à la guise de l&#8217;utilisateur (ce qui, en soit, est très bénéfique pour l&#8217;utilisateur parce qu&#8217;il a la main sur un élément de l&#8217;interface, mais qui, du point de vue du designer, peut amener à [...]]]></description> <content:encoded><![CDATA[<p>Si vous êtes vous aussi ennuyé de temps à autre par la possibilité dans Google Chrome de <strong>redimensionner les textarea</strong> à la guise de l&#8217;utilisateur (ce qui, en soit, est très bénéfique pour l&#8217;utilisateur parce qu&#8217;il a la main sur un élément de l&#8217;interface, mais qui, du point de vue du designer, peut amener à des aberrations graphiques), alors voici une <strong>astuce en CSS</strong>.</p><h3>Avant</h3><p><a href="http://bbxdesign.com/wp-content/uploads/google-chrome-fleche-textarea.png"><img class="alignnone size-full wp-image-1128" title="google-chrome-fleche-textarea" src="http://bbxdesign.com/wp-content/uploads/google-chrome-fleche-textarea.png" alt="Textarea avec flèche" width="275" height="55" /></a></p><h3>Après</h3><p><a href="http://bbxdesign.com/wp-content/uploads/google-chrome-enlever-fleche-textarea-resize-none.png"><img class="alignnone size-full wp-image-1129" title="google-chrome-enlever-fleche-textarea-resize-none" src="http://bbxdesign.com/wp-content/uploads/google-chrome-enlever-fleche-textarea-resize-none.png" alt="Textarea sans la flèche" width="275" height="55" /></a></p><h3>Code CSS</h3><pre>textarea{ resize:none;}</pre>]]></content:encoded> <wfw:commentRss>http://bbxdesign.com/2010/02/24/empecher-la-redimension-des-textarea-dans-google-chrome/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Désactiver les notifications mail de Google Buzz</title><link>http://bbxdesign.com/2010/02/22/desactiver-les-notifications-mail-de-google-buzz/</link> <comments>http://bbxdesign.com/2010/02/22/desactiver-les-notifications-mail-de-google-buzz/#comments</comments> <pubDate>Mon, 22 Feb 2010 08:30:58 +0000</pubDate> <dc:creator>Jeremy</dc:creator> <category><![CDATA[Astuces]]></category> <category><![CDATA[Web World]]></category> <category><![CDATA[astuce]]></category> <category><![CDATA[buzz]]></category> <category><![CDATA[gmail]]></category><guid isPermaLink="false">http://bbxdesign.com/?p=1113</guid> <description><![CDATA[Je vous le dis tout de suite : il n&#8217;y a pas d&#8217;option actuellement pour avoir Buzz dans GMail sans avoir les notifications mail. Mais il y a une astuce toute bête que j&#8217;avais partagée sur mon Buzz. Filtrer les Buzz entrants Chaque notification de Buzz arrivant dans la boîte mail obtient d&#8217;office 2 étiquettes :is:buzz label:buzz (vous [...]]]></description> <content:encoded><![CDATA[<p>Je vous le dis tout de suite : il n&#8217;y a pas d&#8217;option actuellement pour avoir Buzz dans GMail sans avoir les notifications mail. Mais il y a une <strong>astuce</strong> toute bête que j&#8217;avais partagée sur <a href="http://www.google.com/profiles/bbxdesign">mon Buzz</a>.</p><h3>Filtrer les Buzz entrants</h3><p>Chaque notification de Buzz arrivant dans la boîte mail obtient d&#8217;office 2 étiquettes :</p><ul><li><strong>is:buzz</strong></li><li><strong>label:buzz</strong> (vous noterez d&#8217;ailleurs qu&#8217;il n&#8217;est plus possible de créer un label &#8220;Buzz&#8221; car étant réservé par GMail)</li></ul><p>Il suffit d&#8217;utiliser ces étiquettes (l&#8217;une ou l&#8217;autre) pour sélectionner les mails Buzz et leur faire faire ce que l&#8217;on veut.<br /> <span id="more-1113"></span></p><h4>Créer un nouveau Filtre</h4><div id="attachment_1114" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-1114" title="buzz-notification-mail-01" src="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-01.png" alt="" width="500" height="80" /><p class="wp-caption-text">Settings &gt; Filters</p></div><div id="attachment_1115" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-1115" title="buzz-notification-mail-02" src="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-02.png" alt="" width="500" height="60" /><p class="wp-caption-text">Tout en bas, &quot;Create a new filter&quot;</p></div><h4>Mettre Has the words is:buzz</h4><div id="attachment_1117" class="wp-caption alignnone" style="width: 510px"><a href="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-03.png"><img class="size-medium wp-image-1117" title="buzz-notification-mail-03" src="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-03-500x125.png" alt="" width="500" height="125" /></a><p class="wp-caption-text">Mettre uniquement is:buzz</p></div><h4>Passer l&#8217;alerte GMail</h4><p>GMail va vous alerter que ce genre de filtrage n&#8217;est pas recommandé, mais ne vous inquiétez pas : on sait ce qu&#8217;on fait!<br /> <a href="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-04.png"><img class="alignnone size-full wp-image-1118" title="buzz-notification-mail-04" src="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-04.png" alt="" width="380" height="180" /></a></p><h4>Choisir les actions à appliquer</h4><p>Si vous ne voulez pas les voir dans votre Inbox mais quand même les garder, je préconise de les Archiver directement et de les marquer comme lus. Ainsi, vous ne les aurez pas en doublon dans votre boite mail mais vous les aurez quand même dans votre onglet Buzz.<br /> <a href="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-05.png"><img class="alignnone size-full wp-image-1119" title="buzz-notification-mail-05" src="http://bbxdesign.com/wp-content/uploads/buzz-notification-mail-05.png" alt="Archiver et marquer comme lu les Buzz dans GMail" width="500" height="220" /></a></p><p>Bien sûr vous pouvez appliquer d&#8217;autres actions si vous le voulez, comme les supprimer directement (ce qui supprime a priori le mail mais pas le buzz, c&#8217;est donc très pratique). Je répèterai qu&#8217;il est inutile d&#8217;appliquer un label &#8220;Buzz&#8221; à vos notifications mail parce que c&#8217;est déjà fait automatiquement.</p><p>NB : J&#8217;avais déjà partagé cette astuce sur Buzz, donc si ça vous intéresse, le <a href="http://www.google.com/profiles/bbxdesign">voici</a>.</p> ]]></content:encoded> <wfw:commentRss>http://bbxdesign.com/2010/02/22/desactiver-les-notifications-mail-de-google-buzz/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>bbxwall : mon 7ème thème WordPress</title><link>http://bbxdesign.com/2010/02/17/bbxwall-mon-7eme-theme/</link> <comments>http://bbxdesign.com/2010/02/17/bbxwall-mon-7eme-theme/#comments</comments> <pubDate>Wed, 17 Feb 2010 10:08:38 +0000</pubDate> <dc:creator>Jeremy</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[XHTML / CSS]]></category> <category><![CDATA[refonte]]></category> <category><![CDATA[wordpress]]></category><guid isPermaLink="false">http://bbxdesign.com/?p=1092</guid> <description><![CDATA[ Avant d&#8217;arriver à mon 5e thème, bbxwall, et quelques semaines après avoir jeté aux oubliettes le thème bbxjulie (du nom d&#8217;un morceau de Brian Eno), je suis passé par pas mal de thèmes depuis 2 ans et demi.Novembre 2007 : bbxdesignMon 1er thème. Je le voulais aéré et bicolore, avec des nuages, du flash et [...]]]></description> <content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1101" title="Thème WordPress bbxwall" src="http://bbxdesign.com/wp-content/uploads/bbxwall.png" alt="" width="500" height="200" /><br /> Avant d&#8217;arriver à mon 5e thème, <strong>bbxwall</strong>, et quelques semaines après avoir jeté aux oubliettes le thème <a href="http://bbxdesign.com/?theme=bbxjulie">bbxjulie</a> (du nom d&#8217;un morceau de Brian Eno), je suis passé par pas mal de thèmes depuis 2 ans et demi.<br /> <span id="more-1092"></span></p><h3>Novembre 2007 : bbxdesign</h3><p><a href="http://bbxdesign.com/?theme=bbxdesign"><img class="alignnone size-full wp-image-1095" title="Thème WordPress bbxdesign" src="http://bbxdesign.com/wp-content/uploads/bbxdesign.png" alt="" width="500" height="200" /></a><br /> Mon 1er thème. Je le voulais aéré et bicolore, avec des nuages, du flash et beaucoup de bleu.</p><h3>Février 2008 : bbxland</h3><p><a href="http://bbxdesign.com/?theme=bbxland"><img class="alignnone size-full wp-image-1098" title="Thème WordPress bbxland" src="http://bbxdesign.com/wp-content/uploads/bbxland.png" alt="" width="500" height="200" /></a><br /> 3 colonnes, un paysage en guise de header, et une 3e couleur (l&#8217;orange) pour ma charte.</p><h3>Avril 2008 : bbxrevision</h3><p><a href="http://bbxdesign.com/?theme=bbxrevision"><img class="alignnone size-full wp-image-1100" title="Thème WordPress bbxrevision" src="http://bbxdesign.com/wp-content/uploads/bbxrevision.png" alt="" width="500" height="200" /></a><br /> Marre du paysage, je voulais des explosions, du bordel. Le header regroupait tout ça, voire un peu trop. Mais j&#8217;ai gardé le 3 colonnes et le contenu était bien plus propre. Le meilleur élément était le <strong><a href="http://bbxdesign.com/?theme=bbxrevision#footer">footer</a></strong>.</p><h3>Août 2008 : bbxhudson</h3><p><a href="http://bbxdesign.com/?theme=bbxhudson"><img class="alignnone size-full wp-image-1096" title="Thème WordPress bbxhudson" src="http://bbxdesign.com/wp-content/uploads/bbxhudson.png" alt="" width="500" height="200" /></a><br /> Design élastique, vertical rhythm, et <a href="http://bbxdesign.com/2008/08/11/histoire-dun-redesign/">bien d&#8217;autres choses</a> pour le thème qui aurait eu 3 headers différents (sélectionnables par l&#8217;internaute) : <a href="http://bbxdesign.com/wp-content/themes/bbxhudson/space.jpg">space</a>, <a href="http://bbxdesign.com/wp-content/themes/bbxhudson/water.jpg">water</a> et <a href="http://bbxdesign.com/wp-content/themes/bbxhudson/night.png">night</a>. J&#8217;aurai beaucoup retravaillé ce thème, en ajoutant quelques briques de temps en temps.</p><h3>Mars 2009 : bbxpress, un thème WordPress gratuit</h3><p><a href="http://bbxdesign.com/bbxpress/"><img class="alignnone size-full wp-image-1099" title="Thème WordPress gratuit bbxpress" src="http://bbxdesign.com/wp-content/uploads/bbxpress1.png" alt="" width="500" height="200" /></a><br /> Je m&#8217;étais amusé à faire un thème WordPress simple et sobre pour le <a href="http://bbxdesign.com/bbxpress/">donner gratuitement</a>. Il est encore disponible, même si j&#8217;aimerais le fignoler davantage.</p><h3>Novembre 2009 : bbxjulie (abandonné)</h3><p><a href="http://bbxdesign.com/?theme=bbxjulie"><img class="alignnone size-full wp-image-1097" title="Thème WordPress bbxjulie" src="http://bbxdesign.com/wp-content/uploads/bbxjulie.png" alt="" width="500" height="200" /></a><br /> J&#8217;ai voulu faire une refonte davantage graphique qu&#8217;ergonomique, mais au final, la finition n&#8217;était pas au rendez-vous. C&#8217;était trop grossier comme design, alors <a href="http://bbxdesign.com/2009/11/15/la-refonte-perpetuelle/">je l&#8217;ai abandonné</a>.</p><h3>Février 2010 : bbxwall</h3><p><img class="alignnone size-full wp-image-1101" title="Thème WordPress bbxwall" src="http://bbxdesign.com/wp-content/uploads/bbxwall.png" alt="" width="500" height="200" /><br /> Plus mature, posé et organique, j&#8217;ai voulu garder le contenu lisible et agréable tout en m&#8217;amusant à travailler les textures de fond et jouer sur les couleurs. J&#8217;en ai profité pour mettre à jour le <a href="http://bbxdesign.com/portfolio/">portfolio</a>.</p><p>Il reste encore quelques éléments à finaliser, mais je pense et j&#8217;espère que ce thème sera encore là pour longtemps.</p> ]]></content:encoded> <wfw:commentRss>http://bbxdesign.com/2010/02/17/bbxwall-mon-7eme-theme/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> </channel> </rss><!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk
Database Caching 8/10 queries in 0.005 seconds using disk

Served from: kundenserver.de @ 2010-03-09 09:20:57 -->
