Merge branch 'hotfix-bad-title' into next

This commit is contained in:
Yann Esposito (Yogsototh) 2010-10-07 00:24:00 +02:00
commit 67820228d4
52 changed files with 852 additions and 2611 deletions

View file

@ -42,5 +42,3 @@ Many tell me to use text-shadows sparingly. But I believe it was not the real re
Do not use **`-webkit-gradient`** on Chrome browser yet.
Try to use **`-moz-box-shadow`** sparingly.
N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
Utilisez **`-moz-box-shadow`** avec parcimonie.

View file

@ -0,0 +1,27 @@
-----
isHidden: false
menupriority: 1
kind: article
created_at: 2010-10-06T11:33:03+02:00
title: New Blog Design Constraints
author_name: Yann Esposito
author_uri: yannesposito.com
tags:
- programming
- blog
-----
I changed the design of my blog.
Now it should be far cleaner.
I believe I use no CSS3 feature and far less javascript.
Of course before my website was perfectly browsable without javascript.
Unfortunately some CSS3 feature are not mature enough on some browser.
For more details you can read my older [blog entry](/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator).
But the major problem came from, `font-shadow` and gradients.
Then my new design obey to the following rules:
- no CSS element begining by '-moz' or '-webkit', etc...,
- no text shadow,
- clean (I mean delete) most javascript.
I hope the new design please you.

View file

@ -42,3 +42,5 @@ Beaucoup d'utilisateurs mon dit d'utiliser text-shadows avec parcimonie. Mais je
## en conclusion
N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
Utilisez **`-moz-box-shadow`** avec parcimonie.

View file

@ -0,0 +1,29 @@
-----
isHidden: false
menupriority: 1
kind: article
created_at: 2010-10-06T11:33:03+02:00
title: Contraintes du design de ce blog
author_name: Yann Esposito
author_uri: yannesposito.com
tags:
- programming
- blog
-----
Vous avez pu constater que j'ai modifié le design de mon blog.
Maintenant il doit être beaucoup plus léger qu'avant.
Je n'utilise plus de CSS3 et beaucoup moins de javascript.
Bien entendu, même avant, mes pages étaient parfaitement lisibles sans javascript.
Mais, je me suis aperçu que les systèmes de CSS3 sont loin d'être au point.
J'utilisait des gradient en CSS3, ainsi que des ombres sous le texte. Ça avait un rendu très sympa. Sauf...
Ce n'était pas compatible ie6, sous Chrome le rendu était d'une lenteur incroyable.
J'ai donc décidé de faire un site à minima.
Je voulais qu'il soit joli _et_ le plus simple possible pour assurer sa compatibilité.
Les règles que je me suis fixées sont donc:
- pas d'élément CSS qui commence par `-moz` ou `-webkit`, etc... ;
- pas d'ombre sous le texte pour donner une impression de profondeur ;
- nettoyer pas mal le code et enlever tout ce que je peux ;
J'espère que ce nouveau design vous plaît.

View file

@ -59,5 +59,5 @@ fr: ## en conclusion
en: Do not use **`-webkit-gradient`** on Chrome browser yet.
en: Try to use **`-moz-box-shadow`** sparingly.
en: N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
en: Utilisez **`-moz-box-shadow`** avec parcimonie.
fr: N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
fr: Utilisez **`-moz-box-shadow`** avec parcimonie.

View file

@ -3,8 +3,8 @@ isHidden: false
menupriority: 1
kind: article
created_at: 2010-10-06T11:33:03+02:00
fr: title: New Blog Design Constraints
en: title: Contraintes du design de ce blog
en: title: New Blog Design Constraints
fr: title: Contraintes du design de ce blog
author_name: Yann Esposito
author_uri: yannesposito.com
tags:

File diff suppressed because one or more lines are too long

View file

@ -1,216 +0,0 @@
/* pour supprimer les warnings */
#choixlang, #entete, #sousliens {
color: #000;
}
/* body */
body {
margin: 0 10px;
background-color: #fff;
color: #000;
font-size: 1em ;
}
/* links */
a:link {
color: #00f;
text-decoration: none;
}
a:visited {
color: #00a;
text-decoration: none;
}
a:hover {
color: #f60;
text-decoration: underline;
}
a:active {
color: #f60;
text-decoration: underline;
}
/* html tags */
th, td, ul, ol, li {
font-size: 1em ;
}
code, pre {
font-size: .8em;
}
/* Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net */
* html code {
font-size: 101%;
}
* html pre {
font-size: 101%;
}
h1 code, h2 code, h3 code, h4 code, th code, ol.faq li code { font-size: 95%; font-weight: normal; }
h1 {
margin: 0 0 15px 0;
padding: 0.5em;
font-size: 2em ;
font-weight: bold;
color: #000;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.3em;
color: #000;
}
#header h2 {
margin: 0;
}
p + h2 {
margin: 20px 0 5px 0;
}
ol + h2 {
margin: 20px 0 5px 0;
}
ul + h2 {
margin: 20px 0 5px 0;
}
h6 {
margin: 0;
padding: 0;
font-size: 1em ;
color: #000;
}
p {
margin: 0 0 10px 0;
padding: 0;
font-size: 1em ;
color: #000;
}
cite {
font-style: italic;
}
th {
font-weight: bold;
text-align: left;
vertical-align: top;
}
form {
margin: 0;
}
button {
margin: 3px 0 10px 0;
}
/* lists */
ul {
list-style: square outside;
margin: 0 0 0 30px;
padding: 0 0 1em 0;
}
li {
margin-top: 3px;
}
ul ul {
margin-left: 40px;
}
ul.compressed {
margin-top: -10px;
}
ul.compressed li {
margin-top: 0;
}
ul.marketing {
padding-left: 0;
margin: 0 0 16px 0;
list-style: none;
}
ul.marketing li {
margin-top: 0;
margin-left: 0;
margin-bottom: 2px;
font-size: .8em;
}
ol {
margin: 0 0 10px 1.5em;
padding-left: 1.5em;
}
ul.inline, ol.inline, p.inline {
margin-top: -7px;
}
ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
margin-top: 0;
}
ol.faq li {
font-weight: bold;
}
ol.steps li {
font-weight: bold;
}
ul.nav {
margin: 8px 0 0;
padding: 0;
list-style-type: none;
}
ul.nav li {
margin-top: 4px;
padding-left: 0;
}
ul.nobullet {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
ul.nobullet li {
margin: 3px 0 5px;
padding-left: 0;
}
/* images */
.leftinline {
margin: 0 10px 5px 0;
float: left;
}
.rightinline {
margin: 0 0 5px 10px;
float: right;
}
#choixlang, #choix, #liens, #sousliens, #address, #presentation, #Menu, #bottom, #entete, h4 {
border-color: #000 ;
}
#presentation, #Menu, #entete {
background-color : #f1F7F9;
}

View file

@ -1,229 +0,0 @@
/* pour supprimer les warnings */
#choixlang, #entete, #sousliens {
color: #000;
}
/* body */
body {
margin: 0 10px;
background-color: #fff;
color: #000;
font-size: 1em ;
}
.highlight {
color: #f60;
}
/* links */
a:link {
color: #00f;
text-decoration: none;
}
a:visited {
color: #00a;
text-decoration: none;
}
a:hover {
color: #f60;
text-decoration: underline;
}
a:active {
color: #f60;
text-decoration: underline;
}
/* html tags */
th, td, ul, ol, li {
font-size: 1em ;
}
code, pre {
font-size: .8em;
}
/* Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net */
* html code {
font-size: 101%;
}
* html pre {
font-size: 101%;
}
h1 code, h2 code, h3 code, h4 code, th code, ol.faq li code { font-size: 95%; font-weight: normal; }
h1 {
margin: 0 0 15px 0;
padding: 0.5em;
font-size: 2em ;
font-weight: bold;
color: #000;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.3em;
color: #000;
}
#header h2 {
margin: 0;
}
p + h2 {
margin: 20px 0 5px 0;
}
ol + h2 {
margin: 20px 0 5px 0;
}
ul + h2 {
margin: 20px 0 5px 0;
}
h6 {
margin: 0;
padding: 0;
font-size: 1em ;
color: #000;
}
p {
margin: 0 0 10px 0;
padding: 0;
font-size: 1em ;
color: #000;
}
cite {
font-style: italic;
}
th {
font-weight: bold;
text-align: left;
vertical-align: top;
}
form {
margin: 0;
}
button {
margin: 3px 0 10px 0;
}
/* lists */
ul {
list-style: square outside;
margin: 0 0 0 30px;
padding: 0 0 1em 0;
}
li {
margin-top: 3px;
}
ul ul {
margin-left: 40px;
}
ul.compressed {
margin-top: -10px;
}
ul.compressed li {
margin-top: 0;
}
ul.marketing {
padding-left: 0;
margin: 0 0 16px 0;
list-style: none;
}
ul.marketing li {
margin-top: 0;
margin-left: 0;
margin-bottom: 2px;
font-size: .8em;
}
ol {
margin: 0 0 10px 1.5em;
padding-left: 1.5em;
}
ul.inline, ol.inline, p.inline {
margin-top: -7px;
}
ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
margin-top: 0;
}
ol.faq li {
font-weight: bold;
}
ol.steps li {
font-weight: bold;
}
ul.nav {
margin: 8px 0 0;
padding: 0;
list-style-type: none;
}
ul.nav li {
margin-top: 4px;
padding-left: 0;
}
ul.nobullet {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
ul.nobullet li {
margin: 3px 0 5px;
padding-left: 0;
}
/* images */
.leftinline {
margin: 0 10px 5px 0;
float: left;
}
.rightinline {
margin: 0 0 5px 10px;
float: right;
}
#choixlang, #choix, #liens, #sousliens, #address, #presentation, #Menu, #bottom, #entete, h4 {
border-color: #000 ;
}
#presentation, #Menu, #entete {
background-color : #f1F7F9;
}
/*
h1, h2, #choixlang, #choix, #liens, #sousliens {
background-color: #F0F5F9 ;
}
h3, h4, h5, h6 {
background-color: #FFF ;
}
*/

View file

@ -1,48 +0,0 @@
#disqus_thread .dsq-by img {
display: inline;
float: right;
text-align: right;
border: none;
padding: 0;
margin: 0;
}
#disqus_thread img {
display: inline;
border: none;
padding: 0;
margin: 0;
}
.dsq-post-avatar {
float: left;
margin-left: 0;
margin-right: 3em;
margin-top: 1em;
margin-bottom: 1em;
}
#disqus_thread ul {
margin-left: 8em;
}
#dsq-toolbar-item {
clear: both;
}
#disqus_thread input.dsq-trackback-url {
width: 30em;
}
#disqus_thread #dsq-content #dsq-post-add iframe {
width: 100%;
height: 18em;
}
#disqus_thread h3 {
clear: none;
}
.dsq-item-feed a {
background-image: url("/Scratch/img/bullet-feed.png");
background-repeat: no-repeat;
width: 12px;
height: 12px;
display: inline-block;
position: relative;
}
#disqus_thread .dsq-item-feed a img {
display: none;
}

View file

@ -1,77 +0,0 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* --- recuperation des couleurs --- */
body {
font-family: "Sabon LT Std","Hoefler Text","Palatino Linotype","Book Antiqua",serif;
background-color: #fff;
color: #000; }
a {
font-weight: bold;
text-decoration: none; }
a, a:link {
color: #a00;
outline: none; }
a:visited {
color: #a00;
outline: none; }
a:active, a:hover {
color: #f00;
outline: none; }
ul {
list-style: square; }
.corps {
text-align: justify;
border: solid 1px #ccc;
line-height: 1.8em;
background-color: #eee;
}
pre {
margin-top: 1em;
margin-bottom: 1em;
background-color: #000;
}
#iemessage {
margin-bottom: 1em;
line-height: 1.5em;
}
#liens ul{list-style:none;}
#liens ul li{width: 22%; display: inline}

View file

@ -1,4 +0,0 @@
.en, .fr {
display: none;
}

View file

@ -1,21 +0,0 @@
.navigationprev, .navigationnext {
text-shadow: 0 0 8px #666;
}
.corps, #bottom, #sousliens {
box-shadow: 0px 5px 20px #333;
-moz-box-shadow: 0px 5px 20px #333;
-webkit-box-shadow: 0px 5px 20px #333;
}
#titre {
box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #000;
}
#entete {
position: relative;
top: -1.5em;
}
#content {
margin-top: 2em;
}

File diff suppressed because it is too large Load diff

View file

@ -1,8 +0,0 @@
.navigationprev, .navigationnext {
text-shadow: 0 0 3px #aaa; }
#titre, h1 {
text-shadow: 0px 0px 3px #333; }
.corps, #bottom, #sousliens, .date{
box-shadow: 0px 2px 5px #333; }
#titre, #entete {
box-shadow: 0px 0px 5px #000; }

View file

@ -1,267 +0,0 @@
/* Les couleurs */
body {
background-color: #444;
background-image: url("img/bords.jpg");
color: #fff;
font-size: 1em ;
}
a {font-weight: bold; text-decoration: none; }
.corps h1 { font-variant: small-caps; }
#lastmod {
color: #999;
font-size: .8em;
}
#content {
background-color: white;
}
/* Basé sur 3 couleurs, gris foncé, gris clair et rouge foncé */
/* noir: #222 */
/* rouge: #a00 */
/* blanc: #ccc */
/* fond blancs */
#liens,
#sousliens,
#choix,
.corps {
background-image: url("img/white.jpg");
background-repeat: no-repeat;
background-color: #ccc;
border-color: #ddd;
color: #222;
}
/* centré verticalement et horizontalement */
#liens,
#sousliens,
#choix {
background-position: 50% 50%;
}
/* centré horizontalement en haut */
.corps {
background-position: 50% 0%;
}
#liens a,
#sousliens a,
#choix a,
.corps a,
#liens a:link,
#sousliens a:link,
#choix a:link,
.corps a:link { color: #a00 ; }
#liens a:visited,
#sousliens a:visited,
#choix a:visited,
.corps a:visited { color: #a00 ; }
#liens a:active,
#liens a:hover,
#sousliens a:active,
#sousliens a:hover,
#choix a:active,
#choix a:hover,
.corps a:active,
.corps a:hover { color: #f00; }
/* fond noir */
pre.twilight,
.corps h2,
.corps h3,
.corps h4,
#bottom {
background-image: url("img/black.jpg");
background-repeat: no-repeat;
background-color: #000;
border-color: #000;
color: #eee
}
/* image centree verticalement */
.corps h2,
.corps h3,
.corps h4,
#bottom {
background-position: 50% 50%;
}
/* image en haut */
pre.twilight {
background-position: 50% 50%;
}
.withfile pre.twilight {
background-position: 50% -10%;
}
#entete {
background-image: url("img/black600.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #111111;
border-color: #111111;
color: #eee
}
.file a,
.corps h2 a,
.corps h3 a,
.corps h4 a,
#entete > a,
#bottom a,
.file a:link,
.corps h2 a:link,
.corps h3 a:link,
.corps h4 a:link,
#entete > a:link,
#bottom a:link { color: #ddd ; }
.file a:visited,
.corps h2 a:visited,
.corps h3 a:visited,
.corps h4 a:visited,
#entete > a:visited,
#bottom a:visited,
{ color: #ccc ;}
.file a:active, .file a:hover,
.corps h2 a:active, .corps h2 a:hover,
.corps h3 a:active, .corps h3 a:hover,
.corps h4 a:active, .corps h4 a:hover,
#bottom a:active, #bottom a:hover { color: #cc0000; }
/* fond rouge */
.corps h1,
#titre,
#blocMessage {
background-image: url("img/red.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
color: #fff;
background-color: #6c0000;
border-color: #6c0000
}
.corps h1 a,
#titre a,
#blocMessage a {font-weight: bold; text-decoration: none; }
.corps h1 a:link,
#titre a:link,
#blocMessage a:link { color: #ccc ; }
.corps h1 a:visited,
#titre a:visited,
#blocMessage a:visited { color: #aaa ; }
.corps h1 a:active,
#titre a:active,
#blocMessage a:active { color: #000; }
.corps h1 a:hover,
#titre a:hover,
#blocMessage a:hover { color: #000; }
/* les fontes */
#boutonMessage {color: black; font-size: 10px; font-family: sans-serif; }
body {
font-family: Optima, Arial, Helvetica, sans-serif;
}
a { text-decoration: none; }
#liens, #choix, #sousliens { font-weight: bold; }
ul {
list-style: square;
}
/* le style des blocs de liens */
#liens ul,
#choix ul,
#sousliens ul {
list-style: none;
padding-left: 10px;
margin-top:0px;
margin-bottom: 0px;
}
/* les borders (pas les couleurs) */
/* bord arrondi avec reflet taille 10 */
pre.twilight, #bottom, #blocMessage, #choix, #liens, #sousliens, #presentation,
#presentation, #Menu, .corps h1, .corps h2,
.corps h3, .corps h4, .corps, #photos {
border-style: solid;
border-width: 1px 1px 1px 1px;
/* background-image: url("img/reflet10.png") ; */
/*background-repeat: repeat-x; */
/*
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
*/
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}
#content {
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-style: none;
}
/* bord arrondi avec reflet taille 20 */
#titre, .corps {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-radius: 20px;
border-style: none;
border-width: 2px ;
/* background-image: url("img/reflet20.png") ; */
/* background-repeat: repeat-x; */
}
#blocMessage {
border-style: solid;
border-width: 1px 1px 1px 1px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}
#boutonMessage {
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
}
/* les ombres */
.ombre {
background-image: url("img/ombre.jpg");
background-repeat: repeat-x;
}

View file

@ -115,6 +115,11 @@ to generate the menu&hellip;</p>
<div id="previous_articles">
previous entries
<div class="previous_article">
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;New Blog Design Constraints</a>
</div>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
</div>
@ -125,11 +130,6 @@ to generate the menu&hellip;</p>
</div>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/"><span class="nicer">«</span>&nbsp;send mail from command line with attached file</a>
</div>
</div>
<div id="next_articles">
next entries

View file

@ -160,12 +160,12 @@ I hope it could help.</p>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;New Blog Design Constraints</a>
</div>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/"><span class="nicer">«</span>&nbsp;base64 and sha1 on iPhone</a>
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
</div>

View file

@ -157,7 +157,7 @@ Each of his tries to escape reality will fail.</p>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;New Blog Design Constraints</a>
</div>

View file

@ -136,7 +136,7 @@ It also force Fred to remember the reality.</p>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;New Blog Design Constraints</a>
</div>

View file

@ -132,7 +132,7 @@ Their reason should be:</p>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;New Blog Design Constraints</a>
</div>

View file

@ -155,7 +155,7 @@ But the first hypothesis remain coherent. And, we should probably make an in dep
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;New Blog Design Constraints</a>
</div>

View file

@ -174,7 +174,7 @@ There is certainly many coherent explanations.</p>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;New Blog Design Constraints</a>
</div>

File diff suppressed because one or more lines are too long

View file

@ -192,7 +192,7 @@ No need to use a <code>jQuery</code> plugin.</p>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
</div>
<div id="lastmod">
Created: 06/18/2010
Created: 06/19/2010
Modified: 06/19/2010
</div>
<div>

View file

@ -81,9 +81,7 @@ I was a bit surprised, because I make some test into a really <em>slow</em> virt
<h2 id="conclusion">Conclusion</h2>
<p>Do not use <strong><code>-webkit-gradient</code></strong> on Chrome browser yet.
Try to use <strong><code>-moz-box-shadow</code></strong> sparingly.
N&rsquo;utilisez pas <strong><code>-webkit-gradient</code></strong> avec google Chrome pour l&rsquo;instant.
Utilisez <strong><code>-moz-box-shadow</code></strong> avec parcimonie.</p>
Try to use <strong><code>-moz-box-shadow</code></strong> sparingly.</p>
</div>

View file

@ -206,6 +206,10 @@ If I need it another time I should consider to make a shell script to automatize
</div>
<div class="next_article">
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints&nbsp;<span class="nicer">»</span></a>
</div>
</div>
<div class="flush"></div>

View file

@ -156,6 +156,10 @@ Now the date you see at the bottom is exactly the date I modified the <em>conten
<div id="next_articles">
next entries
<div class="next_article">
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints&nbsp;<span class="nicer">»</span></a>
</div>

View file

@ -189,6 +189,10 @@ here are two functions to add to your code to have <code>base64</code> and <code
</div>
<div class="next_article">
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints&nbsp;<span class="nicer">»</span></a>
</div>
</div>

View file

@ -0,0 +1,177 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="programming, blog">
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/twilight.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomen"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Contraintes du design de ce blog" type="text/html" hreflang="fr" href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/" />
<link rel="alternate" lang="en" xml:lang="en" title="New Blog Design Constraints" type="text/html" hreflang="en" href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/" />
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
<title>New Blog Design Constraints</title>
</head>
<body lang="en">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang">
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/" onclick="setLanguage('fr')">en Français</a>
</div>
</div>
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
<div id="titre">
<h1>
New Blog Design Constraints
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<p>I changed the design of my blog.
Now it should be far cleaner.
I believe I use no CSS3 feature and far less javascript.
Of course before my website was perfectly browsable without javascript.
Unfortunately some CSS3 feature are not mature enough on some browser.
For more details you can read my older <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator">blog entry</a>.
But the major problem came from, <code>font-shadow</code> and gradients.
Then my new design obey to the following rules:</p>
<ul>
<li>no CSS element begining by &lsquo;-moz&rsquo; or &lsquo;-webkit&rsquo;, etc&hellip;,</li>
<li>no text shadow,</li>
<li>clean (I mean delete) most javascript.</li>
</ul>
<p>I hope the new design please you.</p>
</div>
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
Subscribe
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
document.write('<div id="clickcomment">Comments</div>');
</script>
<div class="flush"></div>
<div class="corps" id="comment">
<h2 class="first">comments</h2>
<noscript>
Vous devez activer javascript pour commenter.
</noscript>
<script type="text/javascript">
var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
var idcomments_post_id = '/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/';
var idcomments_post_url = 'http://yannesposito.com/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/';
</script>
<span id="IDCommentsPostTitle" style="display:none"></span>
<script type='text/javascript' src='/Scratch/js/genericCommentWrapperV2.js'></script>
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<ul><li><a href="/Scratch/en/">Homepage</a></li>
<li><a href="/Scratch/en/blog/">Blog</a></li>
<li><a href="/Scratch/en/softwares/">Softwares</a></li>
<li><a href="/Scratch/en/about/">About</a></li></ul>
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
previous entries
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Use git to calculate trusted mtimes</a>
</div>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/"><span class="nicer">«</span>&nbsp;base64 and sha1 on iPhone</a>
</div>
<div class="previous_article">
<a href="/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/"><span class="nicer">«</span>&nbsp;send mail from command line with attached file</a>
</div>
</div>
<div id="next_articles">
next entries
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
</div>
<div id="lastmod">
Created: 10/06/2010
Modified: 10/06/2010
</div>
<div>
Entirely done with
<a href="http://www.vim.org">Vim</a>
and
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="/Scratch/en/validation/">Validation</a>
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/en/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>

View file

@ -2,13 +2,41 @@
<feed xmlns="http://www.w3.org/2005/Atom">
<id>http://yannesposito.com/</id>
<title>Yogsototh's last blogs entries</title>
<updated>2010-09-02T13:54:10Z</updated>
<updated>2010-10-06T09:33:03Z</updated>
<link rel="alternate" href="http://yannesposito.com/"/>
<link rel="self" href="http://feeds.feedburner.com/yannespositocomen"/>
<author>
<name>Yann Esposito</name>
<uri>http://yannesposito.com</uri>
</author>
<entry>
<id>tag:yannesposito.com,2010-10-06:/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/</id>
<title type="html">New Blog Design Constraints</title>
<published>2010-10-06T09:33:03Z</published>
<updated>2010-10-06T09:33:03Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"/>
<content type="html">&lt;p&gt;I changed the design of my blog.
Now it should be far cleaner.
I believe I use no CSS3 feature and far less javascript.
Of course before my website was perfectly browsable without javascript.
Unfortunately some CSS3 feature are not mature enough on some browser.
For more details you can read my older &lt;a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator"&gt;blog entry&lt;/a&gt;.
But the major problem came from, &lt;code&gt;font-shadow&lt;/code&gt; and gradients.
Then my new design obey to the following rules:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;no CSS element begining by &amp;lsquo;-moz&amp;rsquo; or &amp;lsquo;-webkit&amp;rsquo;, etc&amp;hellip;,&lt;/li&gt;
&lt;li&gt;no text shadow,&lt;/li&gt;
&lt;li&gt;clean (I mean delete) most javascript.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I hope the new design please you.&lt;/p&gt;
</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-09-02:/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</id>
<title type="html">Use git to calculate trusted mtimes</title>
@ -1034,22 +1062,4 @@ nohup cmd &lt;span class="Keyword"&gt;&amp;amp;&lt;/span&gt;
Loading...
&lt;/div&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-09-28:/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</id>
<title type="html">Disqus versus Intense Debate (Why I switched)</title>
<published>2009-09-28T08:58:20Z</published>
<updated>2009-09-28T08:58:20Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/"/>
<content type="html">&lt;h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"&gt;&lt;a href="http://disqus.com/"&gt;Disqus&lt;/a&gt; &lt;em&gt;vs.&lt;/em&gt; &lt;a href="http://intensedebate.com/"&gt;Intense Debate&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;I made a blog entry about how I tried to integrate &lt;a href="http://disqus.com"&gt;Disqus&lt;/a&gt;. I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a &amp;ldquo;non-blocking&amp;rdquo; way. Unfortunately, I had &lt;a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/"&gt;difficulties to make it works correctly&lt;/a&gt;. &lt;/p&gt;
&lt;p&gt;Furthermore, it was not trivial to make comment to be shared between multiple version of the same page (each page has three differents representations, one for each language and one more for the multi-language version).&lt;/p&gt;
...</content>
</entry>
</feed>

File diff suppressed because one or more lines are too long

View file

@ -73,6 +73,37 @@ You can subscribe to my RSS feed. You'll never miss a post. <a href="/Scratch/en
<p class="small"><span id="footnote1">&dagger;</span> approximatively the 800 first characters.</p>
</div>
<h1>
<span class="date">
<span class="day">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p>I changed the design of my blog.
Now it should be far cleaner.
I believe I use no CSS3 feature and far less javascript.
Of course before my website was perfectly browsable without javascript.
Unfortunately some CSS3 feature are not mature enough on some browser.
For more details you can read my older <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator">blog entry</a>.
But the major problem came from, <code>font-shadow</code> and gradients.
Then my new design obey to the following rules:</p>
<ul>
<li>no CSS element begining by &lsquo;-moz&rsquo; or &lsquo;-webkit&rsquo;, etc&hellip;,</li>
<li>no text shadow,</li>
<li>clean (I mean delete) most javascript.</li>
</ul>
<p>I hope the new design please you.</p>
<p>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">Read more <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
@ -186,55 +217,6 @@ But here is the conf to make it work on heroku.</p>
<a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/">Read more <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
<span class="day">11</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
</h1>
<div class="corps">
<div class="intro">
<p><span class="sc"><abbr title="Too long; don't read">tl;dr</abbr>: </span> I pretend to create a world to give examples of different meanings behind the word <em>undecidability</em>:</p>
<ul>
<li>Undecidability due to measure errors, </li>
<li>Big errors resulting from small initial measure error,</li>
<li>Fractal undecidability&nbsp;;</li>
<li>Logic Undecidability.</li>
</ul>
</div>
</div>
<div class="corps">
<h1 class="first" id="the-undecidabilities">The Undecidabilities</h1>
<div class="intro">
<p>If a demiurge made our world, he certainly had a great sense of humor.
After this read, you should be convinced.
I&rsquo;ll pretend to be him.
I&rsquo;ll create a simplified world.
A world that obey to simple mathematical rules.
And I&rsquo;ll ...</p></div>
<p>
<a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Read more <span class="nicer">»</span></a>
</p>
</div>
<div class="corps">
<h2 class="first">tag cloud (2 or more posts only)</h2>
@ -246,7 +228,7 @@ And I&rsquo;ll ...</p></div>
$('.tag.selected').removeClass('selected');
$('#tag_'+id).addClass('selected');
}
</script><div id="tagcloud"><a href="#analytics" style="font-size: 1.125em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.625em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#blog" style="font-size: 1.75em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#CSS" style="font-size: 1.0em;" class="tag" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#design" style="font-size: 1.125em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#disqus" style="font-size: 1.0em;" class="tag" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#git" style="font-size: 1.75em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#intense_debate" style="font-size: 1.0em;" class="tag" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.125em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#javascript" style="font-size: 1.625em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.875em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#mathematics" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mathematics')" id="tag_mathematics">mathematics</a> <a href="#mobileme" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#nanoc" style="font-size: 1.0em;" class="tag" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#programming" style="font-size: 1.25em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.0em;" class="tag" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regexp" style="font-size: 1.375em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.25em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#ruby" style="font-size: 1.125em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#script" style="font-size: 1.5em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#shell" style="font-size: 1.125em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#synchronisation" style="font-size: 1.0em;" class="tag" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#tip" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#tree" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tree')" id="tag_tree">tree</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.0em;" class="tag" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.0em;" class="tag" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#zsh" style="font-size: 1.125em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="analytics" class="list"><h4>analytics <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
</script><div id="tagcloud"><a href="#analytics" style="font-size: 1.125em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.625em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#blog" style="font-size: 1.875em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#CSS" style="font-size: 1.0em;" class="tag" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#design" style="font-size: 1.125em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#disqus" style="font-size: 1.0em;" class="tag" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#git" style="font-size: 1.75em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#intense_debate" style="font-size: 1.0em;" class="tag" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.125em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#javascript" style="font-size: 1.625em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.875em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#mathematics" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mathematics')" id="tag_mathematics">mathematics</a> <a href="#mobileme" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#nanoc" style="font-size: 1.0em;" class="tag" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#programming" style="font-size: 1.375em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.0em;" class="tag" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regexp" style="font-size: 1.375em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.25em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#ruby" style="font-size: 1.125em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#script" style="font-size: 1.5em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#shell" style="font-size: 1.125em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#synchronisation" style="font-size: 1.0em;" class="tag" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#tip" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#tree" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tree')" id="tag_tree">tree</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.0em;" class="tag" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.0em;" class="tag" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#zsh" style="font-size: 1.125em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="analytics" class="list"><h4>analytics <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
@ -337,6 +319,15 @@ And I&rsquo;ll ...</p></div>
<a href="/Scratch/en/blog/04_drm/">DRM are EVIL</a>
</li>
</ul></div><div id="blog" class="list"><h4>blog <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints</a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
@ -348,7 +339,7 @@ And I&rsquo;ll ...</p></div>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="day">19</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
@ -600,7 +591,7 @@ And I&rsquo;ll ...</p></div>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="day">19</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
@ -663,7 +654,7 @@ And I&rsquo;ll ...</p></div>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="day">19</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
@ -805,6 +796,15 @@ And I&rsquo;ll ...</p></div>
<a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine</a>
</li>
</ul></div><div id="programming" class="list"><h4>programming <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints</a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">7</span>
@ -1149,7 +1149,7 @@ And I&rsquo;ll ...</p></div>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="day">19</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>

View file

@ -115,6 +115,11 @@ le <a href="http://nanoc.stoneship.org">site officiel de nanoc</a>.</p>
<div id="previous_articles">
articles précédents
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;Contraintes du design de ce blog</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
</div>
@ -125,11 +130,6 @@ le <a href="http://nanoc.stoneship.org">site officiel de nanoc</a>.</p>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/"><span class="nicer">«</span>&nbsp;Envoyer un mail en ligne de commande avec un fichier attaché</a>
</div>
</div>
<div id="next_articles">
articles suivants

View file

@ -160,12 +160,12 @@ c&rsquo;est suffisant. J&rsquo;espère que ça pourra vous aider.</p>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;Contraintes du design de ce blog</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/"><span class="nicer">«</span>&nbsp;base64 et sha1 sur iPhone</a>
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
</div>

View file

@ -169,7 +169,7 @@ Chaque fois qu&rsquo;il essaye d&rsquo;échapper à la réalité, celle-ci finir
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;Contraintes du design de ce blog</a>
</div>

View file

@ -144,7 +144,7 @@ Il aide Fred à accomplir les actes de violences et aussi l&rsquo;oblige à se s
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;Contraintes du design de ce blog</a>
</div>

View file

@ -134,7 +134,7 @@ Le rôle des cassettes est double&nbsp;: </p>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;Contraintes du design de ce blog</a>
</div>

View file

@ -160,7 +160,7 @@ La première me semble aussi cohérente. C&rsquo;est cette première hypothèse
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;Contraintes du design de ce blog</a>
</div>

View file

@ -176,7 +176,7 @@ Il y a certainement beaucoup d&rsquo;autres explications qui restent cohérentes
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span>&nbsp;Contraintes du design de ce blog</a>
</div>

File diff suppressed because one or more lines are too long

View file

@ -82,6 +82,9 @@ Maintenant j&rsquo;ai supprimé les gradients lorsque vous naviguer sur ce site
<h2 id="en-conclusion">en conclusion</h2>
<p>N&rsquo;utilisez pas <strong><code>-webkit-gradient</code></strong> avec google Chrome pour l&rsquo;instant.
Utilisez <strong><code>-moz-box-shadow</code></strong> avec parcimonie.</p>
</div>

View file

@ -206,6 +206,10 @@ Si j&rsquo;en ai besoin encore quelques fois, je pense que j&rsquo;écrirai un
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog&nbsp;<span class="nicer">»</span></a>
</div>
</div>
<div class="flush"></div>

View file

@ -156,6 +156,10 @@ Maintenant la date que vous voyez en bas de la page correspond exactement à la
<div id="next_articles">
articles suivants
<div class="next_article">
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog&nbsp;<span class="nicer">»</span></a>
</div>

View file

@ -191,6 +191,10 @@ Il n&rsquo;y a pas de librairie officielle qui s&rsquo;occupe de ça.</p>
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog&nbsp;<span class="nicer">»</span></a>
</div>
</div>

View file

@ -0,0 +1,179 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="programming, blog">
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/twilight.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Contraintes du design de ce blog" type="text/html" hreflang="fr" href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/" />
<link rel="alternate" lang="en" xml:lang="en" title="New Blog Design Constraints" type="text/html" hreflang="en" href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/" />
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
<title>Contraintes du design de ce blog</title>
</head>
<body lang="fr">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang">
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/" onclick="setLanguage('en')">in English</a>
</div>
</div>
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
<div id="titre">
<h1>
Contraintes du design de ce blog
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<p>Vous avez pu constater que j&rsquo;ai modifié le design de mon blog.
Maintenant il doit être beaucoup plus léger qu&rsquo;avant.
Je n&rsquo;utilise plus de CSS3 et beaucoup moins de javascript.
Bien entendu, même avant, mes pages étaient parfaitement lisibles sans javascript.
Mais, je me suis aperçu que les systèmes de CSS3 sont loin d&rsquo;être au point.
J&rsquo;utilisait des gradient en CSS3, ainsi que des ombres sous le texte. Ça avait un rendu très sympa. Sauf&hellip;
Ce n&rsquo;était pas compatible ie6, sous Chrome le rendu était d&rsquo;une lenteur incroyable.
J&rsquo;ai donc décidé de faire un site à minima.
Je voulais qu&rsquo;il soit joli <em>et</em> le plus simple possible pour assurer sa compatibilité.
Les règles que je me suis fixées sont donc:</p>
<ul>
<li>pas d&rsquo;élément CSS qui commence par <code>-moz</code> ou <code>-webkit</code>, etc&hellip;&nbsp;;</li>
<li>pas d&rsquo;ombre sous le texte pour donner une impression de profondeur&nbsp;;</li>
<li>nettoyer pas mal le code et enlever tout ce que je peux&nbsp;;</li>
</ul>
<p>J&rsquo;espère que ce nouveau design vous plaît.</p>
</div>
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocomfr">
s'abonner
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
document.write('<div id="clickcomment">Commentaires</div>');
</script>
<div class="flush"></div>
<div class="corps" id="comment">
<h2 class="first">commentaires</h2>
<noscript>
</noscript>
<script type="text/javascript">
var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
var idcomments_post_id = '/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/';
var idcomments_post_url = 'http://yannesposito.com/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/';
</script>
<span id="IDCommentsPostTitle" style="display:none"></span>
<script type='text/javascript' src='/Scratch/js/genericCommentWrapperV2.js'></script>
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<ul><li><a href="/Scratch/fr/">Accueil</a></li>
<li><a href="/Scratch/fr/blog/">Blog</a></li>
<li><a href="/Scratch/fr/softwares/">Softwares</a></li>
<li><a href="/Scratch/fr/about/">À propos</a></li></ul>
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
articles précédents
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span>&nbsp;Utilisation de git pour calculer les mtimes</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/"><span class="nicer">«</span>&nbsp;base64 et sha1 sur iPhone</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/"><span class="nicer">«</span>&nbsp;Envoyer un mail en ligne de commande avec un fichier attaché</a>
</div>
</div>
<div id="next_articles">
articles suivants
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
</div>
<div id="lastmod">
Écrit le : 06/10/2010
modifié le : 06/10/2010
</div>
<div>
Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a>
et
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="/Scratch/fr/validation/">Validation</a>
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/fr/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>

View file

@ -2,13 +2,36 @@
<feed xmlns="http://www.w3.org/2005/Atom">
<id>http://yannesposito.com/</id>
<title>Yogsototh's last blogs entries</title>
<updated>2010-09-02T13:54:10Z</updated>
<updated>2010-10-06T09:33:03Z</updated>
<link rel="alternate" href="http://yannesposito.com/"/>
<link rel="self" href="http://feeds.feedburner.com/yannespositocomfr"/>
<author>
<name>Yann Esposito</name>
<uri>http://yannesposito.com</uri>
</author>
<entry>
<id>tag:yannesposito.com,2010-10-06:/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/</id>
<title type="html">Contraintes du design de ce blog</title>
<published>2010-10-06T09:33:03Z</published>
<updated>2010-10-06T09:33:03Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link rel="alternate" href="http://yannesposito.com/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"/>
<content type="html">&lt;p&gt;Vous avez pu constater que j&amp;rsquo;ai modifi&#233; le design de mon blog.
Maintenant il doit &#234;tre beaucoup plus l&#233;ger qu&amp;rsquo;avant.
Je n&amp;rsquo;utilise plus de CSS3 et beaucoup moins de javascript.
Bien entendu, m&#234;me avant, mes pages &#233;taient parfaitement lisibles sans javascript.
Mais, je me suis aper&#231;u que les syst&#232;mes de CSS3 sont loin d&amp;rsquo;&#234;tre au point.
J&amp;rsquo;utilisait des gradient en CSS3, ainsi que des ombres sous le texte. &#199;a avait un rendu tr&#232;s sympa. Sauf&amp;hellip;
Ce n&amp;rsquo;&#233;tait pas compatible ie6, sous Chrome le rendu &#233;tait d&amp;rsquo;une lenteur incroyable.
J&amp;rsquo;ai donc d&#233;cid&#233; de faire un site &#224; minima.
Je voulais qu&amp;rsquo;il soit joli &lt;em&gt;et&lt;/em&gt; le plus simple possible pour assurer sa compatibilit&#233;.
Les r&#232;gles que je me suis fix&#233;es sont donc:&lt;/p&gt;
</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-09-02:/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</id>
<title type="html">Utilisation de git pour calculer les mtimes</title>
@ -742,32 +765,6 @@ $ sudo port install git-core
&lt;h1 class="first" id="pour-commencer-la-conclusion"&gt;Pour commencer, la conclusion&lt;/h1&gt;
&lt;p&gt;Voici la liste des commandes n&#233;cessaires et suffisantes pour utiliser &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt;. Il y en a tr&#232;s peu. Il est normal de ne pas les comprendre tout de suite mais c&amp;rsquo;est pour vous donner une id&#233;e. Malgr&#233; la longueur de l&amp;rsquo;article, 95% de l&amp;rsquo;utilisation de &lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</id>
<title type="html">Git pour les nuls</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link rel="alternate" href="http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/"/>
<content type="html">&lt;h1 class="first" id="gitgit-pour-quoi-faire-"&gt;&lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; pour quoi faire&amp;nbsp;?&lt;/h1&gt;
&lt;div class="intro"&gt;
&lt;p&gt;Si tout ce qui vous int&#233;resse c&amp;rsquo;est d&amp;rsquo;utiliser &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; &lt;strong&gt;tout de suite&lt;/strong&gt;. Lisez simplement les parties sur fond noir. Je vous conseille aussi de revenir relire tout &#231;a un peu plus tard, pour mieux comprendre les fondements des syst&#232;mes de versions et ne pas faire de b&#234;tises quand vous les utilisez.&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;&lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; est un &lt;abbr title="Decentralized Concurent Versions System"&gt;DCVS&lt;/abbr&gt;, c&amp;rsquo;est-&#224;-dire un syst&#232;me de versions concurrentes d&#233;centralis&#233;. Analysons chaque partie de cette appellation compliqu&#233;.&lt;/p&gt;
...</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/</id>
@ -795,6 +792,32 @@ $ sudo port install git-core
&lt;li&gt;savoir qui a fait quoi et quand&amp;nbsp;;&lt;/li&gt;
&lt;li&gt;g&#233;rer des conflits&amp;nbsp;;&lt;/li&gt;
&lt;li&gt;manipuler facileme...&lt;/li&gt;&lt;/ul&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</id>
<title type="html">Git pour les nuls</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link rel="alternate" href="http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/"/>
<content type="html">&lt;h1 class="first" id="gitgit-pour-quoi-faire-"&gt;&lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; pour quoi faire&amp;nbsp;?&lt;/h1&gt;
&lt;div class="intro"&gt;
&lt;p&gt;Si tout ce qui vous int&#233;resse c&amp;rsquo;est d&amp;rsquo;utiliser &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; &lt;strong&gt;tout de suite&lt;/strong&gt;. Lisez simplement les parties sur fond noir. Je vous conseille aussi de revenir relire tout &#231;a un peu plus tard, pour mieux comprendre les fondements des syst&#232;mes de versions et ne pas faire de b&#234;tises quand vous les utilisez.&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;&lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; est un &lt;abbr title="Decentralized Concurent Versions System"&gt;DCVS&lt;/abbr&gt;, c&amp;rsquo;est-&#224;-dire un syst&#232;me de versions concurrentes d&#233;centralis&#233;. Analysons chaque partie de cette appellation compliqu&#233;.&lt;/p&gt;
...</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-30:/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/</id>
@ -952,19 +975,4 @@ Pour l&amp;rsquo;instant je le cache partout.&lt;/p&gt;
Loading...
&lt;/div&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-09-28:/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</id>
<title type="html">Disqus contre Intense Debate (pourquois j'ai chang&#233;)</title>
<published>2009-09-28T08:58:20Z</published>
<updated>2009-09-28T08:58:20Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link rel="alternate" href="http://yannesposito.com/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/"/>
<content type="html">&lt;h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"&gt;&lt;a href="http://disqus.com/"&gt;Disqus&lt;/a&gt; &lt;em&gt;vs.&lt;/em&gt; &lt;a href="http://intensedebate.com/"&gt;Intense Debate&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;J&amp;rsquo;ai &#233;crit un article sur la fa&#231;on dont j&amp;rsquo;ai essay&#233; d&amp;rsquo;int&#233;grer &lt;a href="http://disqus.com"&gt;Disqus&lt;/a&gt;. Mon probl&#232;me majeur avec &lt;a href="http://disqus.com/"&gt;Disqus&lt;/a&gt; c&amp;rsquo;&#233;tait que ma page ne s&amp;rsquo;affichait pas correctement tant que les commentaire n&amp;rsquo;avait pas fini de s&amp;rsquo;afficher. &#199;a m&amp;rsquo;est arriv&#233; plusieurs fois d&amp;rsquo;avoir ma page compl&#232;tement bloqu&#233;e parce que les serveurs de &lt;a href="http://disqus.com/"&gt;Disqus&lt;/a&gt; ne r&#233;pondait pas.
C&amp;rsquo;est pourquoi j&amp;rsquo;ai essayer de l&amp;rsquo;inclure de mani&#232;re asynchrone. Cependant j&amp;rsquo;ai e...&lt;/p&gt;</content>
</entry>
</feed>

File diff suppressed because one or more lines are too long

View file

@ -73,6 +73,32 @@ Vous pouvez aussi vous abonner au flux RSS pour être certain d'être prévenu q
<p class="small"><span id="footnote1">&dagger;</span> approximativement les 800 premiers caractères.</p>
</div>
<h1>
<span class="date">
<span class="day">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p>Vous avez pu constater que j&rsquo;ai modifié le design de mon blog.
Maintenant il doit être beaucoup plus léger qu&rsquo;avant.
Je n&rsquo;utilise plus de CSS3 et beaucoup moins de javascript.
Bien entendu, même avant, mes pages étaient parfaitement lisibles sans javascript.
Mais, je me suis aperçu que les systèmes de CSS3 sont loin d&rsquo;être au point.
J&rsquo;utilisait des gradient en CSS3, ainsi que des ombres sous le texte. Ça avait un rendu très sympa. Sauf&hellip;
Ce n&rsquo;était pas compatible ie6, sous Chrome le rendu était d&rsquo;une lenteur incroyable.
J&rsquo;ai donc décidé de faire un site à minima.
Je voulais qu&rsquo;il soit joli <em>et</em> le plus simple possible pour assurer sa compatibilité.
Les règles que je me suis fixées sont donc:</p>
<p>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">en lire plus <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
@ -173,52 +199,6 @@ Voici comment configurer un site statique sur heroku.</p>
<a href="/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/">en lire plus <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
<span class="day">11</span>
<span class="month">Aoû</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/fr/blog/2010-07-09-Indecidabilities/">Indécidabilités (partie 1) <span class="nicer">»</span></a>
</h1>
<div class="corps">
<div class="intro">
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr>&nbsp;: </span> Je crée un mode mathématique simple pour parler de différents types d&rsquo;<em>indécidabilités</em>&nbsp;:</p>
<ul>
<li>indécidabilité due aux erreurs d&rsquo;observation&nbsp;;</li>
<li>grandes erreurs résultant de petites erreurs de mesure&nbsp;;</li>
<li>indécidabilité fractales&nbsp;;</li>
<li>indécidabilité logique.</li>
</ul>
</div>
</div>
<div class="corps">
<h1 class="first" id="les-indcidabilits">Les indécidabilités</h1>
<div class="intro">
<p>Si le monde a été fabriqué par un démiurge, on peut dire que celui-ci devait avoir le sens de l&rsquo;humour.
Et le récit que je vais faire va vous en fournir la preuve.
Je vais me mettre à sa p...</p></div>
<p>
<a href="/Scratch/fr/blog/2010-07-09-Indecidabilities/">en lire plus <span class="nicer">»</span></a>
</p>
</div>
<a href="#titre">&uarr; back to top &uarr;</a>
<div class="corps">
@ -231,7 +211,7 @@ Je vais me mettre à sa p...</p></div>
$('.tag.selected').removeClass('selected');
$('#tag_'+id).addClass('selected');
}
</script><div id="tagcloud"><a href="#analytics" style="font-size: 1.125em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.625em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#arbre" style="font-size: 1.0em;" class="tag" onclick="tagSelected('arbre')" id="tag_arbre">arbre</a> <a href="#blog" style="font-size: 1.75em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#CSS" style="font-size: 1.0em;" class="tag" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#design" style="font-size: 1.125em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#disqus" style="font-size: 1.0em;" class="tag" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#git" style="font-size: 1.75em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#intense_debate" style="font-size: 1.0em;" class="tag" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.125em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#javascript" style="font-size: 1.625em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.875em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#math__matiques" style="font-size: 1.0em;" class="tag" onclick="tagSelected('math__matiques')" id="tag_math__matiques">mathématiques</a> <a href="#mobileme" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#nanoc" style="font-size: 1.0em;" class="tag" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#programming" style="font-size: 1.125em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.0em;" class="tag" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regexp" style="font-size: 1.375em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.125em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#ruby" style="font-size: 1.125em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#script" style="font-size: 1.5em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#shell" style="font-size: 1.125em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#synchronisation" style="font-size: 1.0em;" class="tag" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#tip" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.0em;" class="tag" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.0em;" class="tag" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#zsh" style="font-size: 1.125em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="analytics" class="list"><h4>analytics <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
</script><div id="tagcloud"><a href="#analytics" style="font-size: 1.125em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.625em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#arbre" style="font-size: 1.0em;" class="tag" onclick="tagSelected('arbre')" id="tag_arbre">arbre</a> <a href="#blog" style="font-size: 1.875em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#CSS" style="font-size: 1.0em;" class="tag" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#design" style="font-size: 1.125em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#disqus" style="font-size: 1.0em;" class="tag" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#git" style="font-size: 1.75em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#intense_debate" style="font-size: 1.0em;" class="tag" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.125em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#javascript" style="font-size: 1.625em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.875em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#math__matiques" style="font-size: 1.0em;" class="tag" onclick="tagSelected('math__matiques')" id="tag_math__matiques">mathématiques</a> <a href="#mobileme" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#nanoc" style="font-size: 1.0em;" class="tag" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#programming" style="font-size: 1.25em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.0em;" class="tag" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regexp" style="font-size: 1.375em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.125em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#ruby" style="font-size: 1.125em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#script" style="font-size: 1.5em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#shell" style="font-size: 1.125em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#synchronisation" style="font-size: 1.0em;" class="tag" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#tip" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.0em;" class="tag" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.0em;" class="tag" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#zsh" style="font-size: 1.125em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="analytics" class="list"><h4>analytics <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
@ -340,6 +320,15 @@ Je vais me mettre à sa p...</p></div>
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé&nbsp;?</a>
</li>
</ul></div><div id="blog" class="list"><h4>blog <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog</a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
@ -808,6 +797,15 @@ Je vais me mettre à sa p...</p></div>
<a href="/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/">Récupérez mon système de blog</a>
</li>
</ul></div><div id="programming" class="list"><h4>programming <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog</a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">7</span>

View file

@ -15,12 +15,6 @@
<url>
<loc>http://yannesposito.com/Scratch/en/softwares/ypassword/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/about/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
</url>
@ -31,11 +25,20 @@
<loc>http://yannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/softwares/ypassword/iphoneweb/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/about/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/softwares/ypassword/iphoneweb/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/</loc>
</url>
@ -43,10 +46,10 @@
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/</loc>
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_1/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_1/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/mvc/</loc>
@ -55,10 +58,10 @@
<loc>http://yannesposito.com/Scratch/fr/blog/2009-09-replace-all-except-some-part/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_2/</loc>
@ -90,9 +93,6 @@
<url>
<loc>http://yannesposito.com/Scratch/en/blog/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/01_nanoc/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/</loc>
</url>
@ -100,11 +100,14 @@
<loc>http://yannesposito.com/Scratch/en/blog/2009-12-06-iphone-call-filter/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_1/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/01_nanoc/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-15-All-but-something-regexp/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_1/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/11_Load_Disqus_Asynchronously/</loc>
</url>
@ -124,10 +127,7 @@
<loc>http://yannesposito.com/Scratch/en/blog/11_Load_Disqus_Asynchronously/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/about/cv/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/about/technical_details/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_2/</loc>
@ -136,22 +136,22 @@
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</loc>
<loc>http://yannesposito.com/Scratch/fr/about/cv/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-15-Get-my-blog-engine/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/mvc/</loc>
<loc>http://yannesposito.com/Scratch/fr/about/technical_details/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_3/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/mvc/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/validation/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_4/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_3/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/</loc>
@ -166,7 +166,7 @@
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/about/old/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_4/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/</loc>
@ -180,33 +180,36 @@
<url>
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/about/old/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-12-06-iphone-call-filter/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/about/contact/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-31-New-style-after-holidays/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-12-06-iphone-call-filter/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
</url>
@ -216,12 +219,6 @@
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/softwares/</loc>
</url>
@ -231,15 +228,21 @@
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-15-All-but-something-regexp/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2009-09-replace-all-except-some-part/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-15-All-but-something-regexp/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/about/old/</loc>
</url>
@ -270,23 +273,23 @@
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-07-31-New-style-after-holidays/</loc>
<loc>http://yannesposito.com/Scratch/fr/softwares/yaquabubbles/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/softwares/yaquabubbles/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-07-31-New-style-after-holidays/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/</loc>
@ -312,9 +315,6 @@
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-launch-daemon-from-command-line/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-03-23-Encapsulate-git/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/</loc>
</url>
@ -322,13 +322,16 @@
<loc>http://yannesposito.com/Scratch/fr/blog/2010-03-22-Git-Tips/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</loc>
<loc>http://yannesposito.com/Scratch/en/blog/2010-03-23-Encapsulate-git/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</loc>
<loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
@ -336,6 +339,9 @@
<url>
<loc>http://yannesposito.com/Scratch/en/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/</loc>
</url>
@ -343,16 +349,16 @@
<loc>http://yannesposito.com/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/</loc>
<loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/web/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-03-23-Encapsulate-git/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/web/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/</loc>
@ -384,15 +390,15 @@
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-09-Indecidabilities/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/01_nanoc/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/about/</loc>
</url>
@ -400,22 +406,22 @@
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/</loc>
<loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/iphoneweb/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/</loc>
<loc>http://yannesposito.com/Scratch/fr/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/iphoneweb/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/softwares/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/comprendre/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
@ -430,20 +436,20 @@
<loc>http://yannesposito.com/Scratch/en/blog/05_git_create_remote_branch/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</loc>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/comprendre/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/feed/feed.xml</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/sitemap.xml</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/softwares/yclock/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
</url>
<url>
<loc>http://yannesposito.com/Scratch/en/blog/04_drm/</loc>
</url>

View file

@ -47,6 +47,17 @@ author_name: Yann Esposito
author_uri: yannesposito.com
# tags:
-----
begindiv(intro)
en: <%= tldr %>
fr: <%= tlal %>
enddiv
newcorps
<%= blogimage("main.png","Title image") %>
ENDFORMAT
print "imagedir = $dirname"

7
tasks/reinitWebsite.sh Executable file
View file

@ -0,0 +1,7 @@
#!/usr/bin/env zsh
for rep in output/Scratch/{en,fr,assets}(/N) output/Scratch/sitemap.xml(.N); do
print -- "Suppression de $rep"
git co $rep
done
print -- "Website reinit from HEAD"