Merge branch 'hotfix-bad-title' into next
This commit is contained in:
commit
67820228d4
52 changed files with 852 additions and 2611 deletions
|
@ -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.
|
Do not use **`-webkit-gradient`** on Chrome browser yet.
|
||||||
Try to use **`-moz-box-shadow`** sparingly.
|
Try to use **`-moz-box-shadow`** sparingly.
|
||||||
N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
|
|
||||||
Utilisez **`-moz-box-shadow`** avec parcimonie.
|
|
||||||
|
|
|
@ -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.
|
|
@ -42,3 +42,5 @@ Beaucoup d'utilisateurs mon dit d'utiliser text-shadows avec parcimonie. Mais je
|
||||||
|
|
||||||
## en conclusion
|
## en conclusion
|
||||||
|
|
||||||
|
N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
|
||||||
|
Utilisez **`-moz-box-shadow`** avec parcimonie.
|
||||||
|
|
|
@ -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.
|
|
@ -59,5 +59,5 @@ fr: ## en conclusion
|
||||||
|
|
||||||
en: Do not use **`-webkit-gradient`** on Chrome browser yet.
|
en: Do not use **`-webkit-gradient`** on Chrome browser yet.
|
||||||
en: Try to use **`-moz-box-shadow`** sparingly.
|
en: Try to use **`-moz-box-shadow`** sparingly.
|
||||||
en: N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
|
fr: N'utilisez pas **`-webkit-gradient`** avec google Chrome pour l'instant.
|
||||||
en: Utilisez **`-moz-box-shadow`** avec parcimonie.
|
fr: Utilisez **`-moz-box-shadow`** avec parcimonie.
|
||||||
|
|
|
@ -3,8 +3,8 @@ isHidden: false
|
||||||
menupriority: 1
|
menupriority: 1
|
||||||
kind: article
|
kind: article
|
||||||
created_at: 2010-10-06T11:33:03+02:00
|
created_at: 2010-10-06T11:33:03+02:00
|
||||||
fr: title: New Blog Design Constraints
|
en: title: New Blog Design Constraints
|
||||||
en: title: Contraintes du design de ce blog
|
fr: title: Contraintes du design de ce blog
|
||||||
author_name: Yann Esposito
|
author_name: Yann Esposito
|
||||||
author_uri: yannesposito.com
|
author_uri: yannesposito.com
|
||||||
tags:
|
tags:
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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;
|
|
||||||
}
|
|
|
@ -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 ;
|
|
||||||
}
|
|
||||||
*/
|
|
|
@ -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;
|
|
||||||
}
|
|
|
@ -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}
|
|
|
@ -1,4 +0,0 @@
|
||||||
.en, .fr {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
|
@ -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
|
@ -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; }
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
|
@ -115,6 +115,11 @@ to generate the menu…</p>
|
||||||
<div id="previous_articles">
|
<div id="previous_articles">
|
||||||
previous entries
|
previous entries
|
||||||
|
|
||||||
|
<div class="previous_article">
|
||||||
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> New Blog Design Constraints</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -125,11 +130,6 @@ to generate the menu…</p>
|
||||||
</div>
|
</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> send mail from command line with attached file</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div id="next_articles">
|
<div id="next_articles">
|
||||||
next entries
|
next entries
|
||||||
|
|
|
@ -160,12 +160,12 @@ I hope it could help.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> New Blog Design Constraints</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/"><span class="nicer">«</span> base64 and sha1 on iPhone</a>
|
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -157,7 +157,7 @@ Each of his tries to escape reality will fail.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> New Blog Design Constraints</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -136,7 +136,7 @@ It also force Fred to remember the reality.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> New Blog Design Constraints</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -132,7 +132,7 @@ Their reason should be:</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> New Blog Design Constraints</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -155,7 +155,7 @@ But the first hypothesis remain coherent. And, we should probably make an in dep
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> New Blog Design Constraints</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -174,7 +174,7 @@ There is certainly many coherent explanations.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Use git to calculate trusted mtimes</a>
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> New Blog Design Constraints</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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>
|
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="lastmod">
|
<div id="lastmod">
|
||||||
Created: 06/18/2010
|
Created: 06/19/2010
|
||||||
Modified: 06/19/2010
|
Modified: 06/19/2010
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -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>
|
<h2 id="conclusion">Conclusion</h2>
|
||||||
|
|
||||||
<p>Do not use <strong><code>-webkit-gradient</code></strong> on Chrome browser yet.
|
<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.
|
Try to use <strong><code>-moz-box-shadow</code></strong> sparingly.</p>
|
||||||
N’utilisez pas <strong><code>-webkit-gradient</code></strong> avec google Chrome pour l’instant.
|
|
||||||
Utilisez <strong><code>-moz-box-shadow</code></strong> avec parcimonie.</p>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -206,6 +206,10 @@ If I need it another time I should consider to make a shell script to automatize
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="next_article">
|
||||||
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
|
|
@ -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">
|
<div id="next_articles">
|
||||||
next entries
|
next entries
|
||||||
|
|
||||||
|
<div class="next_article">
|
||||||
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -189,6 +189,10 @@ here are two functions to add to your code to have <code>base64</code> and <code
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="next_article">
|
||||||
|
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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">↓ Menu ↓</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 ‘-moz’ or ‘-webkit’, etc…,</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> 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> 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> 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>
|
|
@ -2,13 +2,41 @@
|
||||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
<id>http://yannesposito.com/</id>
|
<id>http://yannesposito.com/</id>
|
||||||
<title>Yogsototh's last blogs entries</title>
|
<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="alternate" href="http://yannesposito.com/"/>
|
||||||
<link rel="self" href="http://feeds.feedburner.com/yannespositocomen"/>
|
<link rel="self" href="http://feeds.feedburner.com/yannespositocomen"/>
|
||||||
<author>
|
<author>
|
||||||
<name>Yann Esposito</name>
|
<name>Yann Esposito</name>
|
||||||
<uri>http://yannesposito.com</uri>
|
<uri>http://yannesposito.com</uri>
|
||||||
</author>
|
</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"><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>
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
<entry>
|
<entry>
|
||||||
<id>tag:yannesposito.com,2010-09-02:/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</id>
|
<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>
|
<title type="html">Use git to calculate trusted mtimes</title>
|
||||||
|
@ -1034,22 +1062,4 @@ nohup cmd <span class="Keyword">&amp;</span>
|
||||||
Loading...
|
Loading...
|
||||||
</div></div></content>
|
</div></div></content>
|
||||||
</entry>
|
</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"><h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"><a href="http://disqus.com/">Disqus</a> <em>vs.</em> <a href="http://intensedebate.com/">Intense Debate</a></h1>
|
|
||||||
|
|
||||||
<p>I made a blog entry about how I tried to integrate <a href="http://disqus.com">Disqus</a>. I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a &ldquo;non-blocking&rdquo; way. Unfortunately, I had <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">difficulties to make it works correctly</a>. </p>
|
|
||||||
|
|
||||||
<p>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).</p>
|
|
||||||
|
|
||||||
...</content>
|
|
||||||
</entry>
|
|
||||||
</feed>
|
</feed>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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">†</span> approximatively the 800 first characters.</p>
|
<p class="small"><span id="footnote1">†</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 ‘-moz’ or ‘-webkit’, etc…,</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>
|
</div>
|
||||||
<h1>
|
<h1>
|
||||||
<span class="date">
|
<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>
|
<a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/">Read more <span class="nicer">»</span></a>
|
||||||
</p>
|
</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 ;</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’ll pretend to be him.
|
|
||||||
I’ll create a simplified world.
|
|
||||||
A world that obey to simple mathematical rules.
|
|
||||||
And I’ll ...</p></div>
|
|
||||||
<p>
|
|
||||||
<a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Read more <span class="nicer">»</span></a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="corps">
|
<div class="corps">
|
||||||
<h2 class="first">tag cloud (2 or more posts only)</h2>
|
<h2 class="first">tag cloud (2 or more posts only)</h2>
|
||||||
|
@ -246,7 +228,7 @@ And I’ll ...</p></div>
|
||||||
$('.tag.selected').removeClass('selected');
|
$('.tag.selected').removeClass('selected');
|
||||||
$('#tag_'+id).addClass('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 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 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">↑</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 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 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">↑</a></h4><ul style="list-style-type: none; margin: 0;">
|
||||||
<li style="line-height: 3em; margin: 0;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">17</span>
|
<span class="day">17</span>
|
||||||
|
@ -337,6 +319,15 @@ And I’ll ...</p></div>
|
||||||
<a href="/Scratch/en/blog/04_drm/">DRM are EVIL</a>
|
<a href="/Scratch/en/blog/04_drm/">DRM are EVIL</a>
|
||||||
</li>
|
</li>
|
||||||
</ul></div><div id="blog" class="list"><h4>blog <a href="#tagcloud">↑</a></h4><ul style="list-style-type: none; margin: 0;">
|
</ul></div><div id="blog" class="list"><h4>blog <a href="#tagcloud">↑</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;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">23</span>
|
<span class="day">23</span>
|
||||||
|
@ -348,7 +339,7 @@ And I’ll ...</p></div>
|
||||||
|
|
||||||
<li style="line-height: 3em; margin: 0;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">18</span>
|
<span class="day">19</span>
|
||||||
<span class="month">Jun</span>
|
<span class="month">Jun</span>
|
||||||
<span class="year">2010</span>
|
<span class="year">2010</span>
|
||||||
</span>
|
</span>
|
||||||
|
@ -600,7 +591,7 @@ And I’ll ...</p></div>
|
||||||
|
|
||||||
<li style="line-height: 3em; margin: 0;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">18</span>
|
<span class="day">19</span>
|
||||||
<span class="month">Jun</span>
|
<span class="month">Jun</span>
|
||||||
<span class="year">2010</span>
|
<span class="year">2010</span>
|
||||||
</span>
|
</span>
|
||||||
|
@ -663,7 +654,7 @@ And I’ll ...</p></div>
|
||||||
|
|
||||||
<li style="line-height: 3em; margin: 0;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">18</span>
|
<span class="day">19</span>
|
||||||
<span class="month">Jun</span>
|
<span class="month">Jun</span>
|
||||||
<span class="year">2010</span>
|
<span class="year">2010</span>
|
||||||
</span>
|
</span>
|
||||||
|
@ -805,6 +796,15 @@ And I’ll ...</p></div>
|
||||||
<a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine</a>
|
<a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine</a>
|
||||||
</li>
|
</li>
|
||||||
</ul></div><div id="programming" class="list"><h4>programming <a href="#tagcloud">↑</a></h4><ul style="list-style-type: none; margin: 0;">
|
</ul></div><div id="programming" class="list"><h4>programming <a href="#tagcloud">↑</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;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">7</span>
|
<span class="day">7</span>
|
||||||
|
@ -1149,7 +1149,7 @@ And I’ll ...</p></div>
|
||||||
|
|
||||||
<li style="line-height: 3em; margin: 0;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">18</span>
|
<span class="day">19</span>
|
||||||
<span class="month">Jun</span>
|
<span class="month">Jun</span>
|
||||||
<span class="year">2010</span>
|
<span class="year">2010</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -115,6 +115,11 @@ le <a href="http://nanoc.stoneship.org">site officiel de nanoc</a>.</p>
|
||||||
<div id="previous_articles">
|
<div id="previous_articles">
|
||||||
articles précédents
|
articles précédents
|
||||||
|
|
||||||
|
<div class="previous_article">
|
||||||
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> Contraintes du design de ce blog</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -125,11 +130,6 @@ le <a href="http://nanoc.stoneship.org">site officiel de nanoc</a>.</p>
|
||||||
</div>
|
</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> Envoyer un mail en ligne de commande avec un fichier attaché</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div id="next_articles">
|
<div id="next_articles">
|
||||||
articles suivants
|
articles suivants
|
||||||
|
|
|
@ -160,12 +160,12 @@ c’est suffisant. J’espère que ça pourra vous aider.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> Contraintes du design de ce blog</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/"><span class="nicer">«</span> base64 et sha1 sur iPhone</a>
|
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -169,7 +169,7 @@ Chaque fois qu’il essaye d’échapper à la réalité, celle-ci finir
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> Contraintes du design de ce blog</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -144,7 +144,7 @@ Il aide Fred à accomplir les actes de violences et aussi l’oblige à se s
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> Contraintes du design de ce blog</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -134,7 +134,7 @@ Le rôle des cassettes est double : </p>
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> Contraintes du design de ce blog</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -160,7 +160,7 @@ La première me semble aussi cohérente. C’est cette première hypothèse
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> Contraintes du design de ce blog</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -176,7 +176,7 @@ Il y a certainement beaucoup d’autres explications qui restent cohérentes
|
||||||
|
|
||||||
|
|
||||||
<div class="previous_article">
|
<div class="previous_article">
|
||||||
<a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/"><span class="nicer">«</span> Utilisation de git pour calculer les mtimes</a>
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/"><span class="nicer">«</span> Contraintes du design de ce blog</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -82,6 +82,9 @@ Maintenant j’ai supprimé les gradients lorsque vous naviguer sur ce site
|
||||||
|
|
||||||
<h2 id="en-conclusion">en conclusion</h2>
|
<h2 id="en-conclusion">en conclusion</h2>
|
||||||
|
|
||||||
|
<p>N’utilisez pas <strong><code>-webkit-gradient</code></strong> avec google Chrome pour l’instant.
|
||||||
|
Utilisez <strong><code>-moz-box-shadow</code></strong> avec parcimonie.</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -206,6 +206,10 @@ Si j’en ai besoin encore quelques fois, je pense que j’écrirai un
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="next_article">
|
||||||
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog <span class="nicer">»</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
|
|
@ -156,6 +156,10 @@ Maintenant la date que vous voyez en bas de la page correspond exactement à la
|
||||||
<div id="next_articles">
|
<div id="next_articles">
|
||||||
articles suivants
|
articles suivants
|
||||||
|
|
||||||
|
<div class="next_article">
|
||||||
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog <span class="nicer">»</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -191,6 +191,10 @@ Il n’y a pas de librairie officielle qui s’occupe de ça.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="next_article">
|
||||||
|
<a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog <span class="nicer">»</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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">↓ Menu ↓</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’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 <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’élément CSS qui commence par <code>-moz</code> ou <code>-webkit</code>, etc… ;</li>
|
||||||
|
<li>pas d’ombre sous le texte pour donner une impression de profondeur ;</li>
|
||||||
|
<li>nettoyer pas mal le code et enlever tout ce que je peux ;</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>J’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> 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> 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> 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>
|
|
@ -2,13 +2,36 @@
|
||||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
<id>http://yannesposito.com/</id>
|
<id>http://yannesposito.com/</id>
|
||||||
<title>Yogsototh's last blogs entries</title>
|
<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="alternate" href="http://yannesposito.com/"/>
|
||||||
<link rel="self" href="http://feeds.feedburner.com/yannespositocomfr"/>
|
<link rel="self" href="http://feeds.feedburner.com/yannespositocomfr"/>
|
||||||
<author>
|
<author>
|
||||||
<name>Yann Esposito</name>
|
<name>Yann Esposito</name>
|
||||||
<uri>http://yannesposito.com</uri>
|
<uri>http://yannesposito.com</uri>
|
||||||
</author>
|
</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"><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>
|
||||||
|
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
<entry>
|
<entry>
|
||||||
<id>tag:yannesposito.com,2010-09-02:/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</id>
|
<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>
|
<title type="html">Utilisation de git pour calculer les mtimes</title>
|
||||||
|
@ -742,32 +765,6 @@ $ sudo port install git-core
|
||||||
<h1 class="first" id="pour-commencer-la-conclusion">Pour commencer, la conclusion</h1>
|
<h1 class="first" id="pour-commencer-la-conclusion">Pour commencer, la conclusion</h1>
|
||||||
|
|
||||||
<p>Voici la liste des commandes nécessaires et suffisantes pour utiliser <a href="http://git-scm.org" title="Git">Git</a>. Il y en a très peu. Il est normal de ne pas les comprendre tout de suite mais c&rsquo;est pour vous donner une idée. Malgré la longueur de l&rsquo;article, 95% de l&rsquo;utilisation de </p></content>
|
<p>Voici la liste des commandes nécessaires et suffisantes pour utiliser <a href="http://git-scm.org" title="Git">Git</a>. Il y en a très peu. Il est normal de ne pas les comprendre tout de suite mais c&rsquo;est pour vous donner une idée. Malgré la longueur de l&rsquo;article, 95% de l&rsquo;utilisation de </p></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"><h1 class="first" id="gitgit-pour-quoi-faire-"><a href="http://git-scm.org" title="Git">Git</a> pour quoi faire&nbsp;?</h1>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="intro">
|
|
||||||
|
|
||||||
|
|
||||||
<p>Si tout ce qui vous intéresse c&rsquo;est d&rsquo;utiliser <a href="http://git-scm.org" title="Git">Git</a> <strong>tout de suite</strong>. Lisez simplement les parties sur fond noir. Je vous conseille aussi de revenir relire tout ça un peu plus tard, pour mieux comprendre les fondements des systèmes de versions et ne pas faire de bêtises quand vous les utilisez.</p>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<p><a href="http://git-scm.org" title="Git">Git</a> est un <abbr title="Decentralized Concurent Versions System">DCVS</abbr>, c&rsquo;est-à-dire un système de versions concurrentes décentralisé. Analysons chaque partie de cette appellation compliqué.</p>
|
|
||||||
|
|
||||||
...</content>
|
|
||||||
</entry>
|
</entry>
|
||||||
<entry>
|
<entry>
|
||||||
<id>tag:yannesposito.com,2009-11-12:/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/</id>
|
<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
|
||||||
<li>savoir qui a fait quoi et quand&nbsp;;</li>
|
<li>savoir qui a fait quoi et quand&nbsp;;</li>
|
||||||
<li>gérer des conflits&nbsp;;</li>
|
<li>gérer des conflits&nbsp;;</li>
|
||||||
<li>manipuler facileme...</li></ul></content>
|
<li>manipuler facileme...</li></ul></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"><h1 class="first" id="gitgit-pour-quoi-faire-"><a href="http://git-scm.org" title="Git">Git</a> pour quoi faire&nbsp;?</h1>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="intro">
|
||||||
|
|
||||||
|
|
||||||
|
<p>Si tout ce qui vous intéresse c&rsquo;est d&rsquo;utiliser <a href="http://git-scm.org" title="Git">Git</a> <strong>tout de suite</strong>. Lisez simplement les parties sur fond noir. Je vous conseille aussi de revenir relire tout ça un peu plus tard, pour mieux comprendre les fondements des systèmes de versions et ne pas faire de bêtises quand vous les utilisez.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p><a href="http://git-scm.org" title="Git">Git</a> est un <abbr title="Decentralized Concurent Versions System">DCVS</abbr>, c&rsquo;est-à-dire un système de versions concurrentes décentralisé. Analysons chaque partie de cette appellation compliqué.</p>
|
||||||
|
|
||||||
|
...</content>
|
||||||
</entry>
|
</entry>
|
||||||
<entry>
|
<entry>
|
||||||
<id>tag:yannesposito.com,2009-10-30:/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/</id>
|
<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&rsquo;instant je le cache partout.</p>
|
||||||
Loading...
|
Loading...
|
||||||
</div></div></content>
|
</div></div></content>
|
||||||
</entry>
|
</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é)</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"><h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"><a href="http://disqus.com/">Disqus</a> <em>vs.</em> <a href="http://intensedebate.com/">Intense Debate</a></h1>
|
|
||||||
|
|
||||||
<p>J&rsquo;ai écrit un article sur la façon dont j&rsquo;ai essayé d&rsquo;intégrer <a href="http://disqus.com">Disqus</a>. Mon problème majeur avec <a href="http://disqus.com/">Disqus</a> c&rsquo;était que ma page ne s&rsquo;affichait pas correctement tant que les commentaire n&rsquo;avait pas fini de s&rsquo;afficher. Ça m&rsquo;est arrivé plusieurs fois d&rsquo;avoir ma page complètement bloquée parce que les serveurs de <a href="http://disqus.com/">Disqus</a> ne répondait pas.
|
|
||||||
C&rsquo;est pourquoi j&rsquo;ai essayer de l&rsquo;inclure de manière asynchrone. Cependant j&rsquo;ai e...</p></content>
|
|
||||||
</entry>
|
|
||||||
</feed>
|
</feed>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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">†</span> approximativement les 800 premiers caractères.</p>
|
<p class="small"><span id="footnote1">†</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’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 <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>
|
</div>
|
||||||
<h1>
|
<h1>
|
||||||
<span class="date">
|
<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>
|
<a href="/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/">en lire plus <span class="nicer">»</span></a>
|
||||||
</p>
|
</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> : </span> Je crée un mode mathématique simple pour parler de différents types d’<em>indécidabilités</em> :</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>indécidabilité due aux erreurs d’observation ;</li>
|
|
||||||
<li>grandes erreurs résultant de petites erreurs de mesure ;</li>
|
|
||||||
<li>indécidabilité fractales ;</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’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>
|
</div>
|
||||||
<a href="#titre">↑ back to top ↑</a>
|
<a href="#titre">↑ back to top ↑</a>
|
||||||
<div class="corps">
|
<div class="corps">
|
||||||
|
@ -231,7 +211,7 @@ Je vais me mettre à sa p...</p></div>
|
||||||
$('.tag.selected').removeClass('selected');
|
$('.tag.selected').removeClass('selected');
|
||||||
$('#tag_'+id).addClass('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 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 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">↑</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 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 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">↑</a></h4><ul style="list-style-type: none; margin: 0;">
|
||||||
<li style="line-height: 3em; margin: 0;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">17</span>
|
<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é ?</a>
|
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé ?</a>
|
||||||
</li>
|
</li>
|
||||||
</ul></div><div id="blog" class="list"><h4>blog <a href="#tagcloud">↑</a></h4><ul style="list-style-type: none; margin: 0;">
|
</ul></div><div id="blog" class="list"><h4>blog <a href="#tagcloud">↑</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;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">23</span>
|
<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>
|
<a href="/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/">Récupérez mon système de blog</a>
|
||||||
</li>
|
</li>
|
||||||
</ul></div><div id="programming" class="list"><h4>programming <a href="#tagcloud">↑</a></h4><ul style="list-style-type: none; margin: 0;">
|
</ul></div><div id="programming" class="list"><h4>programming <a href="#tagcloud">↑</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;">
|
<li style="line-height: 3em; margin: 0;">
|
||||||
<span class="date">
|
<span class="date">
|
||||||
<span class="day">7</span>
|
<span class="day">7</span>
|
||||||
|
|
|
@ -15,12 +15,6 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/softwares/ypassword/</loc>
|
<loc>http://yannesposito.com/Scratch/en/softwares/ypassword/</loc>
|
||||||
</url>
|
</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>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -31,11 +25,20 @@
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>http://yannesposito.com/Scratch/en/softwares/ypassword/iphoneweb/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -43,10 +46,10 @@
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/mvc/</loc>
|
<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>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-09-replace-all-except-some-part/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_2/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_2/</loc>
|
||||||
|
@ -90,9 +93,6 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/01_nanoc/</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -100,11 +100,14 @@
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2009-12-06-iphone-call-filter/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2009-12-06-iphone-call-filter/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-15-All-but-something-regexp/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-15-All-but-something-regexp/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_1/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/11_Load_Disqus_Asynchronously/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/11_Load_Disqus_Asynchronously/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -124,10 +127,7 @@
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/11_Load_Disqus_Asynchronously/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/11_Load_Disqus_Asynchronously/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/about/cv/</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/about/technical_details/</loc>
|
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_2/</loc>
|
<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>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-15-Get-my-blog-engine/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-15-Get-my-blog-engine/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/mvc/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/about/technical_details/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/validation/</loc>
|
<loc>http://yannesposito.com/Scratch/en/validation/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/</loc>
|
<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>
|
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/</loc>
|
||||||
|
@ -180,33 +180,36 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>http://yannesposito.com/Scratch/fr/about/old/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
|
||||||
</url>
|
</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>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/about/contact/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/about/contact/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/</loc>
|
||||||
</url>
|
</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>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-31-New-style-after-holidays/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-31-New-style-after-holidays/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-12-06-iphone-call-filter/</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -216,12 +219,6 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
|
||||||
</url>
|
</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>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/softwares/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/softwares/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -231,15 +228,21 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/</loc>
|
||||||
</url>
|
</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>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2009-09-replace-all-except-some-part/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2009-09-replace-all-except-some-part/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-15-All-but-something-regexp/</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/about/old/</loc>
|
<loc>http://yannesposito.com/Scratch/en/about/old/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -270,23 +273,23 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/</loc>
|
||||||
|
@ -312,9 +315,6 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-launch-daemon-from-command-line/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-launch-daemon-from-command-line/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-03-23-Encapsulate-git/</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -322,13 +322,16 @@
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-03-22-Git-Tips/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-03-22-Git-Tips/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
|
||||||
|
@ -336,6 +339,9 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/</loc>
|
<loc>http://yannesposito.com/Scratch/en/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -343,16 +349,16 @@
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/web/</loc>
|
||||||
</url>
|
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/</loc>
|
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-03-23-Encapsulate-git/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-03-23-Encapsulate-git/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/</loc>
|
||||||
|
@ -384,15 +390,15 @@
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-09-Indecidabilities/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/2010-07-09-Indecidabilities/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/01_nanoc/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/01_nanoc/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/about/</loc>
|
<loc>http://yannesposito.com/Scratch/en/about/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
@ -400,22 +406,22 @@
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/iphoneweb/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/softwares/</loc>
|
<loc>http://yannesposito.com/Scratch/en/softwares/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
|
<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>
|
<loc>http://yannesposito.com/Scratch/en/blog/05_git_create_remote_branch/</loc>
|
||||||
</url>
|
</url>
|
||||||
<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>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/feed/feed.xml</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/feed/feed.xml</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/sitemap.xml</loc>
|
<loc>http://yannesposito.com/Scratch/sitemap.xml</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/fr/softwares/yclock/</loc>
|
<loc>http://yannesposito.com/Scratch/fr/softwares/yclock/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://yannesposito.com/Scratch/en/blog/04_drm/</loc>
|
<loc>http://yannesposito.com/Scratch/en/blog/04_drm/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
|
|
@ -47,6 +47,17 @@ author_name: Yann Esposito
|
||||||
author_uri: yannesposito.com
|
author_uri: yannesposito.com
|
||||||
# tags:
|
# tags:
|
||||||
-----
|
-----
|
||||||
|
begindiv(intro)
|
||||||
|
|
||||||
|
en: <%= tldr %>
|
||||||
|
|
||||||
|
fr: <%= tlal %>
|
||||||
|
|
||||||
|
enddiv
|
||||||
|
|
||||||
|
newcorps
|
||||||
|
|
||||||
|
<%= blogimage("main.png","Title image") %>
|
||||||
ENDFORMAT
|
ENDFORMAT
|
||||||
|
|
||||||
print "imagedir = $dirname"
|
print "imagedir = $dirname"
|
||||||
|
|
7
tasks/reinitWebsite.sh
Executable file
7
tasks/reinitWebsite.sh
Executable 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"
|
Loading…
Reference in a new issue