<?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="/2008/11/12/quoi-de-neuf-du-cote-des-layout/feed/" rel="self" type="application/rss+xml" />
	<link>/2008/11/12/quoi-de-neuf-du-cote-des-layout/</link>
	<description></description>
	<lastBuildDate>Thu, 31 Mar 2016 16:46:31 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.0</generator>
	<item>
		<title>
		Par : Centrer un texte en hauteur &#124; Les intégristes		</title>
		<link>/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-5256</link>

		<dc:creator><![CDATA[Centrer un texte en hauteur &#124; Les intégristes]]></dc:creator>
		<pubDate>Mon, 02 Mar 2009 17:00:14 +0000</pubDate>
		<guid isPermaLink="false">/?p=226#comment-5256</guid>

					<description><![CDATA[[...] 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>[&#8230;] 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 [&#8230;]</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : Florent V.		</title>
		<link>/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4778</link>

		<dc:creator><![CDATA[Florent V.]]></dc:creator>
		<pubDate>Tue, 09 Dec 2008 20:10:43 +0000</pubDate>
		<guid isPermaLink="false">/?p=226#comment-4778</guid>

					<description><![CDATA[«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&rsquo;est relativement robuste en faisant les choses bien. Satisfaisant, mais parfois limité ou posant trop de contraintes sur l&rsquo;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&rsquo;arrive plus ou moins à les comprendre et à les appliquer, mais la plupart des personnes qui seraient amenées à intervenir sur mon code n&rsquo;ont pas mon expertise, qu&rsquo;ils soient designers ou développeurs. Et même pour les intégrateurs un peu pointus, ça peut être casse-gueule.</p>
<p>C&rsquo;est cet aspect «magie noire», qui a bizarrement fait recette parmi les webdesigners anglosaxons, qui sert de base à l&rsquo;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&rsquo;existant (c&rsquo;est à dire que ce qui est possible avec IE 6-7).</p>
<p>Pour moi (et vous aurez remarqué l&rsquo;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&rsquo;est très bien, c&rsquo;est génial, et ça manque. Ça a des applications intéressantes, car ça permet d&rsquo;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" rel="nofollow ugc">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&rsquo;évaluer correctement les usages «normaux» (opération le passé c&rsquo;est de la merde);<br />
2. annoncent display:table comme quelque chose de radicalement nouveau (alors que c&rsquo;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&rsquo;ordre des éléments dans le flux.</p>
<p>Donc rien de révolutionnaire ni dans l&rsquo;existence de display: table(-*) (1998!), ni même dans sa future disponibilité.<br />
(En passant, display:inline-block n&rsquo;est pas inintéressant non plus. Ce mode de rendu permet de résoudre un certain nombre de cas d&rsquo;é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&rsquo;un des fondements de CSS: le fonctionnement par niveau et l&rsquo;ajout de couches de fonctionnalités. Même Advanced Layout (qui, s&rsquo;il tient ses promesses, sera effectivement un grand changement) n&rsquo;annule pas l&rsquo;existant, au contraire! À mon avis, les auteurs n&rsquo;ignorent pas cet aspect fondamental, mais ont préféré le titre marketeux. D&rsquo;où le choix de mon adjectif, «putassier».</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : ellm		</title>
		<link>/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4698</link>

		<dc:creator><![CDATA[ellm]]></dc:creator>
		<pubDate>Mon, 17 Nov 2008 15:59:56 +0000</pubDate>
		<guid isPermaLink="false">/?p=226#comment-4698</guid>

					<description><![CDATA[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  « display:table / display:table-row / display:table-cell » c&rsquo;est de pouvoir se passer de l&rsquo;astuce des Faux Columns.<br />
Cela permet aussi de centrer verticalement les éléménts d&rsquo;un bloc avec une grande facilité.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : bruno bichet		</title>
		<link>/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4598</link>

		<dc:creator><![CDATA[bruno bichet]]></dc:creator>
		<pubDate>Thu, 13 Nov 2008 13:31:17 +0000</pubDate>
		<guid isPermaLink="false">/?p=226#comment-4598</guid>

					<description><![CDATA[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&rsquo;utilise principalement les flottants pour la mise en page, avec quelque fois des positionnements absolus à l&rsquo;intérieur de certains blocs positionnés en relatif.</p>
<p>Comme je m&rsquo;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>/2008/11/12/quoi-de-neuf-du-cote-des-layout/#comment-4597</link>

		<dc:creator><![CDATA[Spir]]></dc:creator>
		<pubDate>Wed, 12 Nov 2008 13:18:33 +0000</pubDate>
		<guid isPermaLink="false">/?p=226#comment-4597</guid>

					<description><![CDATA[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 « CSS3 ASCII Layouts »<br />
<a href="http://ajaxian.com/archives/css3-ascii-layouts-element-transversals-and-gotchas" rel="nofollow ugc">http://ajaxian.com/archives/css3-ascii-layouts-element-transversals-and-gotchas</a></p>
<p>« 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 »</p>
<p>Il faut être patient dans le web. En attendant « il faut faire avec »</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
