diff --git a/multi/blog/2010-10-06-New-Blog-Design-Constraints.md b/multi/blog/2010-10-06-New-Blog-Design-Constraints.md index 7d72a5ce7..539788a47 100644 --- a/multi/blog/2010-10-06-New-Blog-Design-Constraints.md +++ b/multi/blog/2010-10-06-New-Blog-Design-Constraints.md @@ -12,22 +12,31 @@ tags: - blog ----- -begindiv(intro) - -en: <%= tldr %> - -fr: <%= tlal %> - -enddiv - -newcorps - fr: Vous avez pu constater que j'ai modifié le design de mon blog. fr: Maintenant il doit être beaucoup plus léger qu'avant. -fr: Avant, mon site utilisait beaucoup de CSS3 et de javascript. -fr: Maintenant, j'ai réduit tout cela. -fr: Plus de CSS3, plus de gestion de la langue en javascript. +fr: Je n'utilise plus de CSS3 et beaucoup moins de javascript. fr: Bien entendu, même avant, mes pages étaient parfaitement lisibles sans javascript. fr: Mais, je me suis aperçu que les systèmes de CSS3 sont loin d'être au point. fr: J'utilisait des gradient en CSS3, ainsi que des ombres sous le texte. Ça avait un rendu très sympa. Sauf... fr: Ce n'était pas compatible ie6, sous Chrome le rendu était d'une lenteur incroyable. +fr: J'ai donc décidé de faire un site à minima. +fr: Je voulais qu'il soit joli _et_ le plus simple possible pour assurer sa compatibilité. +fr: Les règles que je me suis fixées sont donc: +en: I changed the design of my blog. +en: Now it should be far cleaner. +en: I believe I use no CSS3 feature and far less javascript. +en: Of course before my website was perfectly browsable without javascript. +en: Unfortunately some CSS3 feature are not mature enough on some browser. +en: For more details you can read my older [blog entry](/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator). +en: But the major problem came from, `font-shadow` and gradients. +en: Then my new design obey to the following rules: + +fr: - pas d'élément CSS qui commence par `-moz` ou `-webkit`, etc... ; +fr: - pas d'ombre sous le texte pour donner une impression de profondeur ; +fr: - nettoyer pas mal le code et enlever tout ce que je peux ; +en: - no CSS element begining by '-moz' or '-webkit', etc..., +en: - no text shadow, +en: - clean (I mean delete) most javascript. + +en: I hope the new design please you. +fr: J'espère que ce nouveau design vous plaît.