<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Commentaires sur : Quoi de neuf du côté des mises en page CSS (CSS Layouts) ?</title>
	<atom:link href="http://www.lesintegristes.net/2008/11/12/quoi-de-neuf-du-cote-des-layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lesintegristes.net/2008/11/12/quoi-de-neuf-du-cote-des-layout/</link>
	<description></description>
	<lastBuildDate>Fri, 03 Feb 2012 09:22:47 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>Par : Centrer un texte en hauteur &#124; Les intégristes</title>
		<link>http://www.lesintegristes.net/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-5256</link>
		<dc:creator>Centrer un texte en hauteur &#124; Les intégristes</dc:creator>
		<pubDate>Mon, 02 Mar 2009 17:00:14 +0000</pubDate>
		<guid isPermaLink="false">http://www.lesintegristes.net/?p=226#comment-5256</guid>
		<description>[...] l&#8217;élément table (cette ligne n&#8217;est pas obligatoire comme nous l&#8217;avons vu dans un autre article des Intégristes qui explique le fonctionnement du display:table), la div qui a la classe level1 est considérée comme étant une cellule de tableau et se [...]</description>
		<content:encoded><![CDATA[<p>[...] l&#8217;élément table (cette ligne n&#8217;est pas obligatoire comme nous l&#8217;avons vu dans un autre article des Intégristes qui explique le fonctionnement du display:table), la div qui a la classe level1 est considérée comme étant une cellule de tableau et se [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Par : Florent V.</title>
		<link>http://www.lesintegristes.net/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4778</link>
		<dc:creator>Florent V.</dc:creator>
		<pubDate>Tue, 09 Dec 2008 20:10:43 +0000</pubDate>
		<guid isPermaLink="false">http://www.lesintegristes.net/?p=226#comment-4778</guid>
		<description>«Pour ma part, j’utilise principalement les flottants pour la mise en page, avec quelque fois des positionnements absolus à l’intérieur de certains blocs positionnés en relatif.»

On en est tous là et c&#039;est relativement robuste en faisant les choses bien. Satisfaisant, mais parfois limité ou posant trop de contraintes sur l&#039;agencement du code HTML. Ceci dit, je me tiens aussi éloigné que possible des techniques ayant un air de «black magic», telle que le One True Layout. J&#039;arrive plus ou moins à les comprendre et à les appliquer, mais la plupart des personnes qui seraient amenées à intervenir sur mon code n&#039;ont pas mon expertise, qu&#039;ils soient designers ou développeurs. Et même pour les intégrateurs un peu pointus, ça peut être casse-gueule.

C&#039;est cet aspect «magie noire», qui a bizarrement fait recette parmi les webdesigners anglosaxons, qui sert de base à l&#039;argumentation des auteurs de «Everything You Know About CSS Is Wrong!» pour nous vendre leur bouquin présentant une technique ô combien plus simple et naturelle que l&#039;existant (c&#039;est à dire que ce qui est possible avec IE 6-7).

Pour moi (et vous aurez remarqué l&#039;habile transition du précédent paragraphe), le titre de ce bouquin et au moins son introduction (pas pu lire le reste, qui est sans doute très correct) est putassier.

display:table et compagnie, c&#039;est très bien, c&#039;est génial, et ça manque. Ça a des applications intéressantes, car ça permet d&#039;obtenir deux choses difficiles ou impossibles autrement:

1. Une répartition automatique des contenus ou au contraire une adaptation du conteneur au contenu (comportement des tableaux et cellules de tableaux), illustrée par exemple ici: http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Adapter-legende-largeur

2. Des blocs adjacents de même hauteur.

Mais, au moins dans leur présentation et leur marketing, les auteurs de ce livre:
1. exagèrent la difficulté d&#039;emploi des outils actuels (flottants notamment), en faisant référence à la «black magic» de certaines techniques au lieu d&#039;évaluer correctement les usages «normaux» (opération le passé c&#039;est de la merde);
2. annoncent display:table comme quelque chose de radicalement nouveau (alors que c&#039;est spécifié en 1998 et que ça peut être expérimenté depuis des années… dix ans de retard, hé!);
3. passent sous silence les problèmes posés par le rendu de type tableau (contenu qui fait exploser les «cellules», problème de performance du table-layout:auto, imprécision du table-layout:auto, et bien sûr disposition inféodée à l&#039;ordre des éléments dans le flux.

Donc rien de révolutionnaire ni dans l&#039;existence de display: table(-*) (1998!), ni même dans sa future disponibilité.
(En passant, display:inline-block n&#039;est pas inintéressant non plus. Ce mode de rendu permet de résoudre un certain nombre de cas d&#039;école.)

Enfin, le titre «Everything You Know About CSS Is Wrong!» démontre un bon sens marketing mais une grosse méconnaissance d&#039;un des fondements de CSS: le fonctionnement par niveau et l&#039;ajout de couches de fonctionnalités. Même Advanced Layout (qui, s&#039;il tient ses promesses, sera effectivement un grand changement) n&#039;annule pas l&#039;existant, au contraire! À mon avis, les auteurs n&#039;ignorent pas cet aspect fondamental, mais ont préféré le titre marketeux. D&#039;où le choix de mon adjectif, «putassier».</description>
		<content:encoded><![CDATA[<p>«Pour ma part, j’utilise principalement les flottants pour la mise en page, avec quelque fois des positionnements absolus à l’intérieur de certains blocs positionnés en relatif.»</p>
<p>On en est tous là et c&#8217;est relativement robuste en faisant les choses bien. Satisfaisant, mais parfois limité ou posant trop de contraintes sur l&#8217;agencement du code HTML. Ceci dit, je me tiens aussi éloigné que possible des techniques ayant un air de «black magic», telle que le One True Layout. J&#8217;arrive plus ou moins à les comprendre et à les appliquer, mais la plupart des personnes qui seraient amenées à intervenir sur mon code n&#8217;ont pas mon expertise, qu&#8217;ils soient designers ou développeurs. Et même pour les intégrateurs un peu pointus, ça peut être casse-gueule.</p>
<p>C&#8217;est cet aspect «magie noire», qui a bizarrement fait recette parmi les webdesigners anglosaxons, qui sert de base à l&#8217;argumentation des auteurs de «Everything You Know About CSS Is Wrong!» pour nous vendre leur bouquin présentant une technique ô combien plus simple et naturelle que l&#8217;existant (c&#8217;est à dire que ce qui est possible avec IE 6-7).</p>
<p>Pour moi (et vous aurez remarqué l&#8217;habile transition du précédent paragraphe), le titre de ce bouquin et au moins son introduction (pas pu lire le reste, qui est sans doute très correct) est putassier.</p>
<p>display:table et compagnie, c&#8217;est très bien, c&#8217;est génial, et ça manque. Ça a des applications intéressantes, car ça permet d&#8217;obtenir deux choses difficiles ou impossibles autrement:</p>
<p>1. Une répartition automatique des contenus ou au contraire une adaptation du conteneur au contenu (comportement des tableaux et cellules de tableaux), illustrée par exemple ici: <a href="http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Adapter-legende-largeur">http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Adapter-legende-largeur</a></p>
<p>2. Des blocs adjacents de même hauteur.</p>
<p>Mais, au moins dans leur présentation et leur marketing, les auteurs de ce livre:<br />
1. exagèrent la difficulté d&#8217;emploi des outils actuels (flottants notamment), en faisant référence à la «black magic» de certaines techniques au lieu d&#8217;évaluer correctement les usages «normaux» (opération le passé c&#8217;est de la merde);<br />
2. annoncent display:table comme quelque chose de radicalement nouveau (alors que c&#8217;est spécifié en 1998 et que ça peut être expérimenté depuis des années… dix ans de retard, hé!);<br />
3. passent sous silence les problèmes posés par le rendu de type tableau (contenu qui fait exploser les «cellules», problème de performance du table-layout:auto, imprécision du table-layout:auto, et bien sûr disposition inféodée à l&#8217;ordre des éléments dans le flux.</p>
<p>Donc rien de révolutionnaire ni dans l&#8217;existence de display: table(-*) (1998!), ni même dans sa future disponibilité.<br />
(En passant, display:inline-block n&#8217;est pas inintéressant non plus. Ce mode de rendu permet de résoudre un certain nombre de cas d&#8217;école.)</p>
<p>Enfin, le titre «Everything You Know About CSS Is Wrong!» démontre un bon sens marketing mais une grosse méconnaissance d&#8217;un des fondements de CSS: le fonctionnement par niveau et l&#8217;ajout de couches de fonctionnalités. Même Advanced Layout (qui, s&#8217;il tient ses promesses, sera effectivement un grand changement) n&#8217;annule pas l&#8217;existant, au contraire! À mon avis, les auteurs n&#8217;ignorent pas cet aspect fondamental, mais ont préféré le titre marketeux. D&#8217;où le choix de mon adjectif, «putassier».</p>
]]></content:encoded>
	</item>
	<item>
		<title>Par : ellm</title>
		<link>http://www.lesintegristes.net/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4698</link>
		<dc:creator>ellm</dc:creator>
		<pubDate>Mon, 17 Nov 2008 15:59:56 +0000</pubDate>
		<guid isPermaLink="false">http://www.lesintegristes.net/?p=226#comment-4698</guid>
		<description>Un des intérêts de  &quot;display:table / display:table-row / display:table-cell&quot; c&#039;est de pouvoir se passer de l&#039;astuce des Faux Columns.
Cela permet aussi de centrer verticalement les éléménts d&#039;un bloc avec une grande facilité.</description>
		<content:encoded><![CDATA[<p>Un des intérêts de  &laquo;&nbsp;display:table / display:table-row / display:table-cell&nbsp;&raquo; c&#8217;est de pouvoir se passer de l&#8217;astuce des Faux Columns.<br />
Cela permet aussi de centrer verticalement les éléménts d&#8217;un bloc avec une grande facilité.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Par : bruno bichet</title>
		<link>http://www.lesintegristes.net/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4598</link>
		<dc:creator>bruno bichet</dc:creator>
		<pubDate>Thu, 13 Nov 2008 13:31:17 +0000</pubDate>
		<guid isPermaLink="false">http://www.lesintegristes.net/?p=226#comment-4598</guid>
		<description>Pour ma part, j&#039;utilise principalement les flottants pour la mise en page, avec quelque fois des positionnements absolus à l&#039;intérieur de certains blocs positionnés en relatif.

Comme je m&#039;attache principalement à utiliser des fonctionnalités qui passent partout, je ne me suis pas encore vraiment penché sur ces nouvelles options de display.

Amha, ça ser(vira) surtout à équilibrer des colonnes entre elles... Enfin, dans quelques années ^^</description>
		<content:encoded><![CDATA[<p>Pour ma part, j&#8217;utilise principalement les flottants pour la mise en page, avec quelque fois des positionnements absolus à l&#8217;intérieur de certains blocs positionnés en relatif.</p>
<p>Comme je m&#8217;attache principalement à utiliser des fonctionnalités qui passent partout, je ne me suis pas encore vraiment penché sur ces nouvelles options de display.</p>
<p>Amha, ça ser(vira) surtout à équilibrer des colonnes entre elles&#8230; Enfin, dans quelques années ^^</p>
]]></content:encoded>
	</item>
	<item>
		<title>Par : Spir</title>
		<link>http://www.lesintegristes.net/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4597</link>
		<dc:creator>Spir</dc:creator>
		<pubDate>Wed, 12 Nov 2008 13:18:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.lesintegristes.net/?p=226#comment-4597</guid>
		<description>En complément aussi cet article sur Ajaxian &quot;CSS3 ASCII Layouts&quot;
http://ajaxian.com/archives/css3-ascii-layouts-element-transversals-and-gotchas

&quot;I really enjoyed the CSS3 Template Layout post that reminds us of the CSS 3 advanced layout that allows you to use ASCII to define it&quot;

Il faut être patient dans le web. En attendant &quot;il faut faire avec&quot;</description>
		<content:encoded><![CDATA[<p>En complément aussi cet article sur Ajaxian &laquo;&nbsp;CSS3 ASCII Layouts&nbsp;&raquo;<br />
<a href="http://ajaxian.com/archives/css3-ascii-layouts-element-transversals-and-gotchas">http://ajaxian.com/archives/css3-ascii-layouts-element-transversals-and-gotchas</a></p>
<p>&laquo;&nbsp;I really enjoyed the CSS3 Template Layout post that reminds us of the CSS 3 advanced layout that allows you to use ASCII to define it&nbsp;&raquo;</p>
<p>Il faut être patient dans le web. En attendant &laquo;&nbsp;il faut faire avec&nbsp;&raquo;</p>
]]></content:encoded>
	</item>
</channel>
</rss>

