Le carnet de l'Ombre Le carnet de l'Ombre : rien ne se perd, rien ne se crée, tout fout le camp… 2012-09-04T12:25:53+02:00 Ombre urn:md5:268b0573674630d006ead5609cbe3657 Dotclear Somebodies : A YouTube orchestra urn:md5:49a0ffd13446d1041b8eda6a6caaea10 2012-08-13T15:56:00+02:00 2012-08-26T10:24:27+02:00 Ombre Musique GotyemixageparodieYouTube <p><a href="http://fr.wikipedia.org/wiki/Gotye" hreflang="fr">Gotye</a> a à nouveau frappé, cette fois il a remixé les différentes reprises de <a href="http://fr.wikipedia.org/wiki/Somebody_That_I_Used_to_Know" hreflang="fr">son hit planétaire</a> sur YouTube… Le résultat est grandiose. <img src="/all-blogs/themes/polyvalence/smilies/smile.png" alt=":-)" class="smiley" /></p> <div class="external-media" style="margin: 1em auto; text-align: center;"> <iframe class="youtube-player" width="425" height="350" src="http://www.youtube.com/embed/opg4VGvyi3M" title="Vidéo sur youtube : Somebodies : A YouTube orchestra" > </iframe> <p><a href="http://www.youtube.com/watch?v=opg4VGvyi3M">Voir <cite lang="en" xml:lang="en">Somebodies&#0160;: A YouTube orchestra</cite> sur youtube</a></p> </div> <p>Source&#0160;: <a href="http://www.rtbf.be/info/medias/detail_somebodies-la-rafraichissante-mise-en-abime-de-gotye-buzze-sur-youtube?id=7821550">&#8220;Somebodies&#8221;: la rafraîchissante mise en abîme de Gotye buzz sur YouTube (RTBF)</a>.</p> <p>P.S.&#0160;: certaines compagnies auraient peut-être menacer de procès ces parodieurs et ces fans, mais lui pas, au contraire il leur rend hommage en créant une nouvelle œuvre. Chapeau bas monsieur.</p> http://lombre.net/post/2012/08/13/Somebodies%C2%A0%3A-A-YouTube-orchestra#comment-form http://lombre.net/feed/atom/comments/210 TEDx à Liège aujourd'hui ! urn:md5:c6921b832d220afede69dcf812979bc7 2012-08-04T14:00:00+02:00 2012-08-04T14:03:12+02:00 Ombre TED BelgiqueConférenceLiègeTEDTEDx <p>Je ne le savais pas mais il y a un <a href="http://lombre.net/tag/TEDx">TEDx</a> en cours à l&#8217;<a href="http://fr.wikipedia.org/wiki/Universit%C3%A9_de_Li%C3%A8ge" hreflang="fr">ULg</a>. Il serait possible d&#8217;entrer sans réservations (10€). Sinon il y a <a href="http://tedxulg.be/live/" hreflang="fr">un streaming sur le site officiel</a>.</p> http://lombre.net/post/2012/08/04/TEDx-%C3%A0-Li%C3%A8ge-aujourd-hui%E2%80%AF%21#comment-form http://lombre.net/feed/atom/comments/209 Dotclear et fichier htaccess optimisé hbp5 chez OVH urn:md5:1f9ec4c21b45c2535123a3c158d154ce 2012-07-04T15:45:00+02:00 2012-08-15T16:37:13+02:00 Ombre Dotclear <p>Juste pour info et pour les débutants, mon fichier <code>.htaccess</code> (<a href="http://html5boilerplate.com/" hreflang="en">optimisé html5boilerplate</a>, moins les trucs spécifiques à mon site)&#0160;:</p> <pre class="apache"> <code> SetEnv PHP_VER 5 # Force the latest IE version, in various cases when it may fall back to IE7 mode # github.com/rails/rails/commit/123eb25#commitcomment-118920 # Use ChromeFrame if it's installed for a better experience for the poor IE folk &lt;IfModule mod_headers.c&gt; Header set X-UA-Compatible &quot;IE=Edge&quot; # mod_headers can't match by content-type, but we don't want to send this header on *everything*... &lt;FilesMatch &quot;\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|m4a|ogv|mp3|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|xpi|safariextz|vcf)$&quot; &gt; Header unset X-UA-Compatible &lt;/FilesMatch&gt; &lt;/IfModule&gt; &lt;IfModule mod_headers.c&gt; # Because X-UA-Compatible isn't sent to non-IE (to save header bytes), # We need to inform proxies that content changes based on UA Header append Vary User-Agent # Cache control is set only if mod_headers is enabled, so that's unncessary to declare &lt;/IfModule&gt; &lt;FilesMatch &quot;\.(ttf|otf|eot|woff|font.css)$&quot;&gt; &lt;IfModule mod_headers.c&gt; Header set Access-Control-Allow-Origin &quot;*&quot; &lt;/IfModule&gt; &lt;/FilesMatch&gt; # audio AddType audio/ogg oga ogg AddType audio/mp4 m4a AddType audio/mpeg mp3 # video AddType video/ogg ogv AddType video/mp4 mp4 m4v AddType video/webm webm # Proper svg serving. Required for svg webfonts on iPad # twitter.com/FontSquirrel/status/14855840545 AddType image/svg+xml svg svgz AddEncoding gzip svgz # webfonts AddType application/vnd.ms-fontobject eot AddType font/truetype ttf AddType font/opentype otf AddType application/x-font-woff woff # assorted types AddType image/x-icon ico AddType image/webp webp AddType text/cache-manifest appcache manifest AddType text/x-component htc AddType application/x-chrome-extension crx AddType application/x-xpinstall xpi AddType application/octet-stream safariextz # ---------------------------------------------------------------------- # Gzip compression # ---------------------------------------------------------------------- &lt;IfModule mod_deflate.c&gt; # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/ &lt;IfModule mod_setenvif.c&gt; &lt;IfModule mod_headers.c&gt; SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding RequestHeader append Accept-Encoding &quot;gzip,deflate&quot; env=HAVE_Accept-Encoding &lt;/IfModule&gt; &lt;/IfModule&gt; # HTML, TXT, CSS, JavaScript, JSON, XML, HTC: &lt;IfModule filter_module&gt; FilterDeclare COMPRESS FilterProvider COMPRESS DEFLATE resp=Content-Type $text/html FilterProvider COMPRESS DEFLATE resp=Content-Type $text/css FilterProvider COMPRESS DEFLATE resp=Content-Type $text/plain FilterProvider COMPRESS DEFLATE resp=Content-Type $text/xml FilterProvider COMPRESS DEFLATE resp=Content-Type $text/x-component FilterProvider COMPRESS DEFLATE resp=Content-Type $application/javascript FilterProvider COMPRESS DEFLATE resp=Content-Type $application/json FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xhtml+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/rss+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/atom+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/vnd.ms-fontobject FilterProvider COMPRESS DEFLATE resp=Content-Type $image/svg+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/x-font-ttf FilterProvider COMPRESS DEFLATE resp=Content-Type $font/opentype FilterChain COMPRESS FilterProtocol COMPRESS DEFLATE change=yes;byteranges=no &lt;/IfModule&gt; &lt;IfModule !mod_filter.c&gt; # Legacy versions of Apache AddOutputFilterByType DEFLATE text/html text/plain text/css application/json AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/xml application/xml text/x-component AddOutputFilterByType DEFLATE application/xhtml+xml application/rss+xml application/atom+xml AddOutputFilterByType DEFLATE image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype &lt;/IfModule&gt; &lt;/IfModule&gt; # ---------------------------------------------------------------------- # Expires headers (for better cache control) # ---------------------------------------------------------------------- # these are pretty far-future expires headers # they assume you control versioning with cachebusting query params like # &lt;script src=&quot;application.js?20100608&quot;&gt; # additionally, consider that outdated proxies may miscache # www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/ # if you don't use filenames to version, lower the css and js to something like # &quot;access plus 1 week&quot; or so &lt;IfModule mod_expires.c&gt; ExpiresActive on # Perhaps better to whitelist expires rules? Perhaps. ExpiresDefault &quot;access plus 1 month&quot; # cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5) ExpiresByType text/cache-manifest &quot;access plus 0 seconds&quot; # your document html ExpiresByType text/html &quot;access plus 0 seconds&quot; ExpiresByType application/xhtml+xml &quot;access plus 0 seconds&quot; # data ExpiresByType text/xml &quot;access plus 0 seconds&quot; ExpiresByType application/xml &quot;access plus 0 seconds&quot; ExpiresByType application/json &quot;access plus 0 seconds&quot; # rss feed ExpiresByType application/rss+xml &quot;access plus 1 hour&quot; ExpiresByType application/atom+xml &quot;access plus 1 hour&quot; # favicon (cannot be renamed) ExpiresByType image/x-icon &quot;access plus 1 week&quot; # media: images, video, audio ExpiresByType image/gif &quot;access plus 1 month&quot; ExpiresByType image/png &quot;access plus 1 month&quot; ExpiresByType image/jpg &quot;access plus 1 month&quot; ExpiresByType image/jpeg &quot;access plus 1 month&quot; ExpiresByType video/ogg &quot;access plus 1 month&quot; ExpiresByType audio/ogg &quot;access plus 1 month&quot; ExpiresByType audio/mpeg &quot;access plus 1 month&quot; ExpiresByType video/mp4 &quot;access plus 1 month&quot; ExpiresByType video/webm &quot;access plus 1 month&quot; # htc files (css3pie) ExpiresByType text/x-component &quot;access plus 1 month&quot; # webfonts ExpiresByType font/truetype &quot;access plus 1 month&quot; ExpiresByType font/opentype &quot;access plus 1 month&quot; ExpiresByType application/x-font-woff &quot;access plus 1 month&quot; ExpiresByType image/svg+xml &quot;access plus 1 month&quot; ExpiresByType application/vnd.ms-fontobject &quot;access plus 1 month&quot; # css and javascript ExpiresByType text/css &quot;access plus 2 months&quot; ExpiresByType application/javascript &quot;access plus 2 months&quot; ExpiresByType text/javascript &quot;access plus 2 months&quot; &lt;IfModule mod_headers.c&gt; Header append Cache-Control &quot;public&quot; &lt;/IfModule&gt; &lt;/IfModule&gt; # ---------------------------------------------------------------------- # ETag removal # ---------------------------------------------------------------------- # FileETag None is not enough for every server. &lt;IfModule mod_headers.c&gt; Header unset ETag &lt;/IfModule&gt; # Since we're sending far-future expires, we don't need ETags for # static content. # developer.yahoo.com/performance/rules.html#etags FileETag None # ---------------------------------------------------------------------- # UTF-8 encoding # ---------------------------------------------------------------------- # use utf-8 encoding for anything served text/plain or text/html AddDefaultCharset utf-8 # force utf-8 for a number of file formats AddCharset utf-8 .html .xhtml .css .js .xml .json .rss Options -MultiViews -Indexes RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d #RewriteRule (.*) index.php?$1 [L] RewriteRule ^(.*)$ /index.php/$1 [L] RewriteRule ^$ /index.php/ [L] </code> </pre> <p>Cette configuration est recommandée même si vous n&#8217;êtes pas en html5. <img src="/all-blogs/themes/polyvalence/smilies/wink.png" alt=";-)" class="smiley" /></p> <h3>Attention si vous passez en <a href="http://guide.ovh.com/Php5ChezOvh" hreflang="fr">php 5.3 ou 5.4</a></h3> <p>Dotclear 2.4.4 fonctionne maintenant correctement avec ces versions de php. Si vous êtes en <code>path_info</code> (et chez OVH bien sûr), il vous faudra passer votre blog en <code>query_string</code> sans ajouter le fameux point d&#8217;interrogation dans le champs <em>adresse du blog</em>. Dans le fichier <code>.htaccess</code> la réécriture d&#8217;URL ressemblera à&#0160;:</p> <pre class="apache"> <code> RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php?$1 </code> </pre> <p>Merci aux personnes sur le forum Dotclear.</p> <p>P.S.&#0160;: j&#8217;ai une copie de l&#8217;index.php à la racine.</p> http://lombre.net/post/2012/07/04/Dotclear-et-fichier-htaccess-optimis%C3%A9-hbp5-chez-OVH#comment-form http://lombre.net/feed/atom/comments/208 Où on nous prend pour des cons… urn:md5:b917e23cc16b3956d78a7c6c487aaa1a 2012-04-26T11:13:00+02:00 2012-04-26T13:38:53+02:00 Ombre Un peu de tout <p>Les prix du gaz et de l&#8217;électricité en Belgique sont beaucoup plus élevés que dans les autres pays de l&#8217;UE, <a href="http://www.rtbf.be/info/belgique/detail_les-factures-de-gaz-et-d-electricite-gelees-durant-les-neuf-prochains-mois?id=7740867" hreflang="fr">le gouvernement a donc décidé de geler les prix, à partir d&#8217;avril, le temps de mener une enquête et de prendre les mesures nécessaires</a>.</p> <p>Ce 24 avril 2012, j&#8217;ai reçu un mail de mon fournisseur d&#8217;électricité (<a href="http://fr.wikipedia.org/wiki/EDF_Luminus" hreflang="fr">Luminus</a>) revenant sur ce gel des prix. Outre le blabla commercial de rigueur (satisfaction du client, etc), un paragraphe m&#8217;a particulièrement fait tiqué (l&#8217;emphase est mienne)&#0160;:</p> <blockquote><p>Le prix de l’énergie facturé pour le mois d’avril et les mois suivants ne sera pas supérieur au prix du mois de mars. <strong>Pour vous, cela signifie une baisse du prix du gaz et de l’électricité</strong>.</p></blockquote> <p>Wow&#8239;! Ne pas augmenter signifie une baisse des prix&#8239;! Fort&#8239;! Très fort&#8239;! Ça c&#8217;est de la com&#8217;&#8239;! <img src="/all-blogs/themes/polyvalence/smilies/lol.png" alt=":-D" class="smiley" /></p> http://lombre.net/post/2012/04/26/O%C3%B9-on-nous-prend-pour-des-cons%E2%80%A6#comment-form http://lombre.net/feed/atom/comments/205 Le prix des livres électroniques urn:md5:b775ec83bc0bb92ec2279b594270ace0 2012-03-18T22:41:00+01:00 2012-03-18T23:53:08+01:00 Ombre Livres <p>Les éditeurs qui vendent des livres électronique dans les 15 €<sup>[<a href="http://lombre.net/post/2012/03/18/Le-prix-des-livres-%C3%A9lectroniques#wiki-footnote-1" id="rev-wiki-footnote-1" rel="note">1</a>]</sup> (le prix de la version imprimée) sur le store d&#8217;Apple ça me troue, alors qu&#8217;ils n&#8217;ont plus de frais d&#8217;impression, de livraison, juste les 30 % pour la Pomme. Tout ce qu&#8217;ils doivent faire, c&#8217;est ouvrir le programme de mise en page et exporter la publication au format <a href="http://fr.wikipedia.org/wiki/EPUB_%28format%29" hreflang="fr">ePub</a>. Bon, si ils sont un peu consciencieux, ils vont nettoyer le code html mais ça ne représente pas des masses de boulot.</p> <p>Je ne comprend pas. <img src="/all-blogs/themes/polyvalence/smilies/confused.png" alt=":-/" class="smiley" /></p> <aside class="footnotes" role="note"><h3>Notes</h3> <p>[<a href="http://lombre.net/post/2012/03/18/Le-prix-des-livres-%C3%A9lectroniques#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] Attention ce n&#8217;est pas la majorité, pas mal vendent leurs livres entre 3 et 5 €.</p></aside> http://lombre.net/post/2012/03/18/Le-prix-des-livres-%C3%A9lectroniques#comment-form http://lombre.net/feed/atom/comments/202 Bunker Roy : Apprendre d'un mouvement va-nu-pied urn:md5:bc8fb7622539768338c3e2e1716cddfc 2012-03-05T11:46:00+01:00 2012-03-05T14:54:30+01:00 Ombre Société Bunker RoyhumanitaireTEDéducation <p>Vous connaissez <a href="http://www.ted.com/" hreflang="fr">les conférence TED</a>&#8239;? Le but de ces conférences est de propager un maximum les idées en les diffusant gratuitement (<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/" hreflang="en">et de façon librement distribuables</a>) via leur site web. Celle de Bunker Roy est extraordinaire&#8239;! Ce type est en train de changer le monde&#8239;!</p> <object width="526" height="374" title="vidéo de la conférence"> <param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="bgColor" value="#ffffff" /> <param name="flashvars" value="vu=http://video.ted.com/talk/stream/2011G/Blank/BunkerRoy_2011G-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/BunkerRoy_2011G-embed.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=1248&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=bunker_roy;year=2011;theme=how_we_learn;theme=master_storytellers;theme=not_business_as_usual;theme=the_creative_spark;event=TEDGlobal+2011;tag=culture;tag=development;tag=education;tag=global+issues;tag=invention;tag=women;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /> <embed src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgColor="#ffffff" width="526" height="374" allowFullScreen="true" allowScriptAccess="always" flashvars="vu=http://video.ted.com/talk/stream/2011G/Blank/BunkerRoy_2011G-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/BunkerRoy_2011G-embed.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=1248&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=bunker_roy;year=2011;theme=how_we_learn;theme=master_storytellers;theme=not_business_as_usual;theme=the_creative_spark;event=TEDGlobal+2011;tag=culture;tag=development;tag=education;tag=global+issues;tag=invention;tag=women;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /> </object> <p><a href="http://www.ted.com/talks/lang/fr/bunker_roy.html">Lien direct sur le site de TED au cas où la vidéo n&#8217;apparaîtrait pas</a>.</p> http://lombre.net/post/2012/03/05/Bunker-Roy%C2%A0%3A-Apprendre-d-un-mouvement-va-nu-pied#comment-form http://lombre.net/feed/atom/comments/201 The Fantastic Flying Books of Mr. Morris Lessmore urn:md5:c16f29bdb7219ac33ceab89b598dd53f 2012-01-29T13:01:00+01:00 2012-01-29T14:34:07+01:00 Ombre Films <p>Un magnifique court-métrage qui me parle beaucoup, moi qui adore les livres… <img src="/all-blogs/themes/polyvalence/smilies/smile.png" alt=":-)" class="smiley" /></p> <iframe src="http://player.vimeo.com/video/35404908?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" allowFullScreen="allowFullScreen" title="vidéo"> </iframe> <p><a href="http://vimeo.com/35404908" lang="en" xml:lang="en"><cite>The Fantastic Flying Books of Mr. Morris Lessmore</cite></a> de <a href="http://vimeo.com/moonbot" lang="en" xml:lang="en">Moonbot Studios</a> sur <a href="http://vimeo.com">Vimeo</a>.</p> http://lombre.net/post/2012/01/29/The-Fantastic-Flying-Books-of-Mr.-Morris-Lessmore#comment-form http://lombre.net/feed/atom/comments/200 Pas seulement les paroles… urn:md5:aae078e8d8dc76d93fa298cd4785d10c 2011-11-10T11:40:00+01:00 2011-11-10T12:47:12+01:00 Ombre Un peu de tout <blockquote><p>Clap de fin pour Paroles.net. Après une longue procédure pénale qui s&#8217;est étalée sur plusieurs années, le TGI de Paris a finalement ordonné la fermeture du site de paroles de chansons. Poursuivi par la Chambre syndicale de l&#8217;édition musicale (CSDEM), l&#8217;animateur du site Paroles.net a finalement conclu un protocole d&#8217;accord avec les ayants droit, peut-on lire dans l&#8217;encadré en lieu et place du site.</p></blockquote> <p>Faudrait m&#8217;expliquer quel est la perte de revenus pour un auteur de chansons quand on publie ses textes, mais bon… Admettons. Le meilleur est à venir (l&#8217;emphase est mienne)&#0160;:</p> <blockquote><p>Les difficultés de Paroles.net ne se sont pas terminées pour autant. Le site, qui avait débuté son activité en 2000, a également été attaqué par la CSDEM pour avoir utilisé sans autorisation<strong> les titres des chansons</strong> et <strong>les noms des artistes</strong>. Ces éléments restent la propriété des auteurs et des éditeurs, selon la Chambre syndicale de l&#8217;édition musicale.</p></blockquote> <p>Source&#0160;: <a href="http://www.numerama.com/magazine/20520-le-site-parolesnet-ferme-par-la-justice.html">Numérama, <cite>Le site Paroles.net fermé par la justice</cite></a>.</p> <p>Ahurissant&#8239;! Je me demande si c&#8217;est bien légal tout ça… <img src="/all-blogs/themes/polyvalence/smilies/confused.png" alt=":-/" class="smiley" /></p> http://lombre.net/post/2011/11/10/Pas-seulement-les-paroles%E2%80%A6#comment-form http://lombre.net/feed/atom/comments/199 CSS et césure urn:md5:61b62060067f976840e4093cf9d30b9d 2011-11-09T12:52:00+01:00 2011-11-09T14:33:43+01:00 Ombre Web <p><a href="http://open-time.net/post/2011/11/09/Vite-dit-du-mercredi-c-est-permis-aussi" hreflang="fr">Comme le fait remarquer Franck</a>, il est désormais possible d&#8217;autoriser les césures (au niveau <a href="http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade" hreflang="fr">CSS</a>) dans les dernières versions des navigateurs.</p> <p>Les césures, dans le monde de l&#8217;imprimé, doivent être exceptionnelles car elles cassent la lecture, c&#8217;est pour ça qu&#8217;elle ne sont autorisées que sur des petites ou moyennes justifications (largeurs) et toujours sur du texte justifié, jamais sur du texte en drapeau (à gauche ou à droite) et jamais sur du texte centré. Ces règles devraient aussi naturellement s&#8217;appliquer sur les médias web mais, malheureusement, j&#8217;ai l&#8217;impression que beaucoup de personnes vont sauter sur la nouveauté et que l&#8217;on va trouver pas mal de sites web avec du texte aligné à gauche avec césure. <img src="/all-blogs/themes/polyvalence/smilies/confused.png" alt=":-/" class="smiley" /></p> http://lombre.net/post/2011/11/09/CSS-et-c%C3%A9sure#comment-form http://lombre.net/feed/atom/comments/198 Polyvalence, xhtml5, espace insécable et typographie urn:md5:384f91fb8fd15dfe3c250f5c701bb282 2011-11-02T13:22:00+01:00 2011-11-03T11:00:38+01:00 Ombre Dotclear <p>Comme énoncé dans <a href="http://lombre.net/post/2010/10/24/Polyvalence%C2%A0%3A-un-th%C3%A8me-%28x%29HTML5/CSS3-pour-dotclear-2.2">le billet officiel sur le thème Polyvalence</a>, il y a de nombreuses contraintes à utiliser xhtml 5&#0160;:</p> <ul> <li>le contenu des billets doit être valide&#8239;;</li> <li>les pages des plugins hors-thèmes doivent être valide&#8239;;</li> <li>et, <strong>le plus ennuyant</strong>, il ne doit pas y avoir d&#8217;entité littérale (autre que les basiques) dans le code html généré. Ce qui veut dire&#0160;: pas de <code>&amp;nbsp;</code>.</li> </ul> <p>Et là ça coince pour la plupart d&#8217;entre vous… Personnellement, je m&#8217;amusais à taper l&#8217;espace insécable manuellement au lieu de laisser Dotclear corriger le tout comme un grand (<kbd>alt-espace</kbd> sur mac ou <kbd>alt-0160</kbd> sur PC Windows), mais c&#8217;est assez fastidieux.</p> <p>La solution est d&#8217;utiliser un plugin qui va corriger tout ça, en plus d&#8217;ajouter plein d&#8217;autre fonctions pour avoir un texte typographiquement plus correct&#0160;: <a href="http://plugins.dotaddict.org/dc2/details/typo">le plugin typo</a><sup>[<a href="http://lombre.net/post/2011/11/02/Polyvalence%2C-xhtml5%2C-espace-ins%C3%A9cable-et-typographie#wiki-footnote-1" id="rev-wiki-footnote-1" rel="note">1</a>]</sup>. Ce greffon passe outre le système de correction automatique de Dotclear et utilise le sien&#0160;: les espaces insécables sont remplacées par des entités numériques <code>&amp;#0160;</code> compatibles xhtml5.</p> <p>Si on suit plus rigoureusement les règles typographiques, ce n&#8217;est pas une espace normale insécable que l&#8217;on place avant un point d&#8217;interrogation mais une espace fine insécable<sup>[<a href="http://lombre.net/post/2011/11/02/Polyvalence%2C-xhtml5%2C-espace-ins%C3%A9cable-et-typographie#wiki-footnote-2" id="rev-wiki-footnote-2" rel="note">2</a>]</sup>, j&#8217;ai donc repris le code du plugin et changé les réglages par défaut. <a href="http://lombre.net/all-blogs/public/plugins/plugin-typo-1.5.1.zip">Le voici au téléchargement</a><sup>[<a href="http://lombre.net/post/2011/11/02/Polyvalence%2C-xhtml5%2C-espace-ins%C3%A9cable-et-typographie#wiki-footnote-3" id="rev-wiki-footnote-3" rel="note">3</a>]</sup>.</p> <aside class="footnotes" role="note"><h3>Notes</h3> <p>[<a href="http://lombre.net/post/2011/11/02/Polyvalence%2C-xhtml5%2C-espace-ins%C3%A9cable-et-typographie#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] Même si vous n&#8217;êtes pas en xhtml 5, ce plugin est hautement recommandé. <img src="/all-blogs/themes/polyvalence/smilies/wink.png" alt=";-)" class="smiley" /></p> <p>[<a href="http://lombre.net/post/2011/11/02/Polyvalence%2C-xhtml5%2C-espace-ins%C3%A9cable-et-typographie#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] Voir <a href="http://fvsch.com/code/espaces-ponctuation/">ce billet</a> chez Florent.</p> <p>[<a href="http://lombre.net/post/2011/11/02/Polyvalence%2C-xhtml5%2C-espace-ins%C3%A9cable-et-typographie#rev-wiki-footnote-3" id="wiki-footnote-3">3</a>] <strong>Attention</strong>, à la prochaine mise à jour les réglages seront perdus.</p></aside> http://lombre.net/post/2011/11/02/Polyvalence%2C-xhtml5%2C-espace-ins%C3%A9cable-et-typographie#comment-form http://lombre.net/feed/atom/comments/197 Framed urn:md5:270b32d33521e9f7b7b16d580d00a4ac 2011-10-29T16:00:00+02:00 2011-10-29T17:36:21+02:00 Ombre Films <p>Un magnifique court-métrage tourné avec… Un iPhone 4S…</p> <iframe src="http://player.vimeo.com/video/31013938" width="460" height="251" title="Vidéo : Framed"></iframe> <p><a href="http://vimeo.com/31013938" hreflang="en"><cite lang="en" xml:lang="en">Framed</cite></a> par <a href="http://vimeo.com/maelsevestre" hreflang="en">Mael Sevestre</a> chez <a href="http://vimeo.com" hreflang="en">Vimeo</a>.</p> http://lombre.net/post/2011/10/29/Framed#comment-form http://lombre.net/feed/atom/comments/196 2 CELLOS — Smooth Criminal urn:md5:07b5c33a8b3ec16e254aa743207ac801 2011-10-29T15:46:00+02:00 2012-08-13T22:39:03+02:00 Ombre Un peu de tout <p>2 virtuoses du violoncelle reprennent un morceau de Michael Jackson…</p> <div class="external-media" style="margin: 1em auto; text-align: center;"> <iframe class="youtube-player" width="425" height="350" src="http://www.youtube.com/embed/jjOQac1vOEc" title="Vidéo sur youtube : 2 CELLOS — Smooth Criminal" > </iframe> <p><a href="http://www.youtube.com/watch?v=jjOQac1vOEc">Voir <cite lanf="en" xml:lang="en">2 CELLOS — Smooth Criminal</cite> sur youtube</a>.</p> </div> http://lombre.net/post/2011/10/29/2-CELLOS-%E2%80%94-Smooth-Criminal#comment-form http://lombre.net/feed/atom/comments/195 Il est parti urn:md5:ae9c8a1eab8217f411e2dd1a10085b17 2011-10-07T23:05:00+02:00 2012-01-23T16:24:10+01:00 Ombre Apple AppleDécèsSteve Jobs <p><a href="http://lombre.net/all-blogs/public/copies-d-ecran/steve_jobs_1955-2011.png"><img src="http://lombre.net/all-blogs/public/copies-d-ecran/.steve_jobs_1955-2011_m.jpg" alt="Steve Jobs 1955-2011" /></a></p> <p>Dans tout ce qui a été écrit, je pense que c&#8217;est le billet d&#8217;Aimé Tréolas qui me semble le plus juste&#0160;: <cite><a href="https://plus.google.com/105755925100421598326/posts/idhxywkq8xH">Pourquoi on pleure Steve Jobs</a></cite>.</p> http://lombre.net/post/2011/10/07/Il-est-parti#comment-form http://lombre.net/feed/atom/comments/194 Perturbations en vue sur ce site urn:md5:b70700fa41c52bc1e5cbd7e6428a1dbb 2011-08-25T23:47:00+02:00 2011-08-27T16:11:39+02:00 Ombre Général <p>Les pages de ce blog, à partir de ce week-end, seront envoyées comme <code>application/xhtml+xml</code> au lieu de <code>text/html</code> comme sur la plupart des sites. Pour les personnes disposant d&#8217;un navigateur moderne (IE9 et les autres), vous ne verrez aucun changement.</p> <p>Malheureusement, si vous utilisez IE8 ou un de ses prédécesseurs, il y a 99 % de chance que le site vous devienne inaccessible&#0160;: ces navigateurs vous proposeront de télécharger les pages au lieu de les afficher.</p> <p>Pourquoi je fais ça ? Parce que le standard <code>application/xhtml+xml</code> existe au moins depuis plus de 10 ans et qu&#8217;il est grand temps de donner (modestement) un coup de pied dans la fourmilière pour pousser les gens à utiliser un navigateur plus récent<sup>[<a href="http://lombre.net/post/2011/08/25/Perturbations-en-vue-sur-ce-site#pnote-191-1" id="rev-pnote-191-1">1</a>]</sup>, même si je sais que la plupart n&#8217;ont pas vraiment le choix car ils sont en entreprise et liés à leur service informatique<sup>[<a href="http://lombre.net/post/2011/08/25/Perturbations-en-vue-sur-ce-site#pnote-191-2" id="rev-pnote-191-2">2</a>]</sup>.</p> <div class="footnotes"><h4>Notes</h4> <p>[<a href="http://lombre.net/post/2011/08/25/Perturbations-en-vue-sur-ce-site#rev-pnote-191-1" id="pnote-191-1">1</a>] Et aussi parce que je suis peut-être un peu geek sur les bords. <img src="/all-blogs/themes/polyvalence/smilies/tongue.png" alt=":-p" class="smiley" /></p> <p>[<a href="http://lombre.net/post/2011/08/25/Perturbations-en-vue-sur-ce-site#rev-pnote-191-2" id="pnote-191-2">2</a>] Allez les harceler pour avoir au moins un navigateur supplémentaire en plus de celui fournit avec votre windows, <img src="/all-blogs/themes/polyvalence/smilies/wink.png" alt=";-)" class="smiley" /></p></div> http://lombre.net/post/2011/08/25/Perturbations-en-vue-sur-ce-site#comment-form http://lombre.net/feed/atom/comments/191 Dotclear a 8 ans urn:md5:7fd0daf0cc62413a79d512d574b214ee 2011-08-17T17:46:00+02:00 2011-10-23T13:10:38+02:00 Ombre Dotclear <p>Le programme que j&#8217;utilise depuis 2004 pour faire tourner ce site <a href="http://fr.dotclear.org/blog/post/2011/08/13/Huit-ans">a 8 ans</a>. Il ne m&#8217;a jamais déçu&#0160;: pas de problèmes de sécurité, rapide, pages bien indexées, etc.<sup>[<a href="http://lombre.net/post/2011/08/17/Dotclear-a-8-ans#pnote-190-1" id="rev-pnote-190-1">1</a>]</sup> Que demander de plus ? <img src="/all-blogs/themes/polyvalence/smilies/wink.png" alt=";-)" class="smiley" /></p> <div class="footnotes"><h4>Notes</h4> <p>[<a href="http://lombre.net/post/2011/08/17/Dotclear-a-8-ans#rev-pnote-190-1" id="pnote-190-1">1</a>] J&#8217;entends des soi-disant SEO grincer des dents <img src="/all-blogs/themes/polyvalence/smilies/tongue.png" alt=":-p" class="smiley" /></p></div> http://lombre.net/post/2011/08/17/Dotclear-a-8-ans#comment-form http://lombre.net/feed/atom/comments/190 CSS3 faciles urn:md5:2dc7f265ece32e0ba0242476e98db8b6 2011-06-30T19:02:00+02:00 2012-04-06T14:00:27+02:00 Ombre Web CSSCSS3outils Vous en avez marre de vous cassez la tête en CSS pour faire des dégradés, des ombres, de jouer avec le texte et les transformations&#8239;? Voici <a hreflang="en" href="http://westciv.com/tools/gradientsnustyle/#background-image:%20repeating-linear-gradient%28240deg,%20#9D65AB,%20#52FF26%2011%25%29">un outil (exemple avec des dégradés)</a> qui va permettre de régler tout ça à la souris et de générer automatiquement le code compatible avec un maximum de navigateurs. http://lombre.net/post/2011/06/30/CSS3-faciles#comment-form http://lombre.net/feed/atom/comments/188 Dotclear 2.3 est sorti urn:md5:c5ff2b115d1d7d584467e2020832716e 2011-05-16T22:44:00+02:00 2011-08-27T15:28:20+02:00 Ombre Dotclear dotclear2update <p>Et comme d’habitude maintenant, la mise-à-jour se fait en deux clics et 5 secondes. <img src="/all-blogs/themes/polyvalence/smilies/wink.png" alt=";-)" class="smiley" /></p> <p><a href="http://lombre.net/all-blogs/public/copies-d-ecran/dotclear_2_3.png" title="Une nouvelle interface graphique"><img src="http://lombre.net/all-blogs/public/copies-d-ecran/.dotclear_2_3_m.jpg" alt="Une nouvelle interface graphique" style="display:block; margin:0 auto;" /></a></p> <p><a href="http://fr.dotclear.org/blog/post/2011/05/16/Dotclear-2.3" hreflang="fr">Plus d&#8217;infos sur le site officiel</a>.</p> http://lombre.net/post/2011/05/16/Dotclear-2.3-est-sorti#comment-form http://lombre.net/feed/atom/comments/186 Apache, Virtual Host, PHP & SSi sur Mac OS X 10.6 urn:md5:234e53605bdbfc08be67c1904b3d825d 2011-05-06T15:54:00+02:00 2011-08-27T15:28:20+02:00 Ombre Mac OS X ApachephpWeb <p><a href="http://www.456bereastreet.com/archive/201104/apache_with_virtual_hosts_php_and_ssi_on_mac_os_x_106/" hreflang="en">Un excellent billet (en anglais) de Roger Johansson</a> pour configurer le serveur Apache de votre Léopard des neiges.</p> <p>À cela, j’ajouterais qu&#8217;avant de commencer il est préférable de mettre à jour PHP avec <a href="http://www.entropy.ch/software/macosx/php/" hreflang="en">la version de Marc Liyanage</a>, la version incluse étant assez pauvre en modules. <img src="/all-blogs/themes/polyvalence/smilies/wink.png" alt=";-)" class="smiley" /></p> http://lombre.net/post/2011/05/06/Apache%2C-Virtual-Host%2C-PHP-SSi-sur-Mac-OS-X#comment-form http://lombre.net/feed/atom/comments/185 Bruxelles respire(nt) urn:md5:0d4f8f5ca964d574fd847bf18e7e6eb6 2011-04-16T00:08:00+02:00 2011-08-27T15:28:20+02:00 Ombre Films Bruxellesvidéo <iframe src="http://player.vimeo.com/video/17738490" width="460" height="251" title="Vidéo : Brussels Breathe(s)"></iframe><p><a href="http://vimeo.com/17738490" hreflang="en" lang="en">Brussels Breathe(s)</a> par <a href="http://vimeo.com/andrih" hreflang="en">Andri</a> chez <a href="http://vimeo.com" hreflang="en">Vimeo</a>.</p> http://lombre.net/post/2011/04/16/Bruxelles-respire%28nt%29#comment-form http://lombre.net/feed/atom/comments/184 Piratage, industrie du disque, etc… urn:md5:96bc73f88b7e3a5db49939525195a01b 2010-11-25T14:13:00+01:00 2012-04-06T14:01:53+02:00 Ombre Blogosphère disqueindustriemp3piratage <p><a href="http://www.glazman.org/weblog/dotclear/" hreflang="fr">Daniel Glazman</a> (<a href="http://twitter.com/glazou">@glazou</a>) est très en forme ces derniers temps… <img src="/all-blogs/themes/polyvalence/smilies/smile.png" alt=":-)" class="smiley" /></p> <p>Et je ne peux qu&#8217;<a href="http://www.glazman.org/weblog/dotclear/index.php?post/2010/11/24/Reponse-a-Pascal-Negre-qui-commence-a-serieusement-m-echauffer-les-oreilles" hreflang="fr">approuver</a>, <a href="http://www.glazman.org/weblog/dotclear/index.php?post/2010/11/25/Benjamin-Chulvanij-producteur-Paris-16eme-damager75116" hreflang="fr">approuver</a> et surtout <a href="http://www.glazman.org/weblog/dotclear/index.php?post/2010/11/25/Copie-numerique-vs-copie-analogique" hreflang="fr">approuver</a>.</p> <p>Signé&#0160;: un quarantenaire qui a passé son adolescence dans les années 80.</p> http://lombre.net/post/2010/11/25/Piratage%2C-industrie-du-disque%2C-etc%E2%80%A6#comment-form http://lombre.net/feed/atom/comments/178