posh-fr - Revision history

Sventovit at 05:38, 22 October 2010

2010-10-22T05:38:52Z

← Older revision		Revision as of 05:38, 22 October 2010
Line 73:		Line 73:
	* [http://simplebits.com/ SimpleBits - Dan Cederholm] (voir en particulier [http://simplebits.com/bits/simplequiz/ SimpleQuiz])		* [http://simplebits.com/ SimpleBits - Dan Cederholm] (voir en particulier [http://simplebits.com/bits/simplequiz/ SimpleQuiz])
	* [http://tantek.com/ Tantek Çelik]		* [http://tantek.com/ Tantek Çelik]
			* [http://on-air.hiseo.fr/ HTML5 et autres geekeries]
	* ...		* ...

Brian: Reverted edits by NotroRacel (Talk) to last version by ChristopheDucamp

2009-01-06T08:07:12Z

Reverted edits by NotroRacel (Talk) to last version by ChristopheDucamp

Show changes

NotroRacel: delsitch

2009-01-06T01:21:25Z

delsitch

Show changes

ChristopheDucamp: /* Podcasts CHIC et POSH */ sync'd with english version

2007-12-26T21:19:36Z

Podcasts CHIC et POSH: sync'd with english version

← Older revision		Revision as of 21:19, 26 December 2007
Line 110:		Line 110:

	===Podcasts CHIC et POSH===		===Podcasts CHIC et POSH===
	* [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 A talk about POSH] dans le podcast du magazine .Net épisode 8 (56 minutes ; 26 Mb. Section où ou en parle 30:10-42:40)		Si/quand cette section deviendra trop grosse, nous pourrons la migrer vers [[posh-podcasts-fr\|CHIC-podcasts]].
			* 2007-05-03: [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 A talk about POSH] dans le podcast du magazine .Net épisode 8 (56 minutes ; 26 Mb. Section où ou en parle 30:10-42:40)
			* 2005-09-29: [http://microformats.org/media/2005/09/we05-2-tantek-celik.mp3 The Elements of Meaningful XHTML] - podcast de la présentation de Tantek du même nom ([http://tantek.com/presentations/2005/09/elements-of-xhtml/ diapos])

	=== Trésors cachés CHIC ===		=== Trésors cachés CHIC ===

JeanChristopheCapelli: /* Blogs CHIC */

2007-12-01T18:41:29Z

Blogs CHIC

← Older revision		Revision as of 18:41, 1 December 2007
Line 65:		Line 65:

	=== Blogs CHIC ===		=== Blogs CHIC ===
	Les blogs avec des billets réguliers sur des discussions de grande qualité, des idées et qui ~~ont~~ en général ~~avancé~~ l'état de l'art de POSH/CHIC. Si/Quand cette section sera trop importante nous la migrerons vers [[posh-blogs-fr\|blogs CHIC et POSH]].		Les blogs avec des billets réguliers sur des discussions de grande qualité, des idées et qui font en général avancer l'état de l'art de POSH/CHIC. Si/Quand cette section sera trop importante nous la migrerons vers [[posh-blogs-fr\|blogs CHIC et POSH]].
	* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html Le thème Sandbox pour WordPress readme.html] discute de ce qu'est POSH et comment le thème aide les utilisateurs à l'utiliser.		* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html Le thème Sandbox pour WordPress readme.html] discute de ce qu'est POSH et comment le thème aide les utilisateurs à l'utiliser.
	* [http://dbaron.org/log/current le blog de David Baron]		* [http://dbaron.org/log/current le blog de David Baron]

JeanChristopheCapelli: /* Améliorez CHIC */

2007-12-01T18:38:02Z

Améliorez CHIC

← Older revision		Revision as of 18:38, 1 December 2007
Line 140:		Line 140:
	Au fur et à mesure que vous lisez les [[posh-fr#Ressources\|ressources CHIC]] documentées ici, quelles sont les autres ressources CHIC que vous avez trouvées ? Ajoutez-les à cette page.		Au fur et à mesure que vous lisez les [[posh-fr#Ressources\|ressources CHIC]] documentées ici, quelles sont les autres ressources CHIC que vous avez trouvées ? Ajoutez-les à cette page.

	Avec votre expérience et votre capacité à pouvoir à la fois ~~poshifié~~ vos sites et aider les autres à faire ainsi, qu'avez vous appris ? Quels sont les types de [[posh-issues-fr\|problématiques]] que vous avez rencontrées ? Quelles sont les questions souvent posées ? Quels seraient vos besoins pour aider facilement et rapidement plus de personnes à poshifier leurs contenus ?		Avec votre expérience et votre capacité à pouvoir à la fois "poshifier" vos sites et aider les autres à faire ainsi, qu'avez-vous appris ? Quels sont les types de [[posh-issues-fr\|problématiques]] que vous avez rencontrées ? Quelles sont les questions souvent posées ? Quels seraient vos besoins pour aider facilement et rapidement plus de personnes à poshifier leurs contenus ?

	== Historique ==		== Historique ==

ChristopheDucamp: /* Billets de Blog CHIC */ [fr: sync'd - billet de Roger Johansson]

2007-11-04T11:30:20Z

Billets de Blog CHIC: [fr: sync'd - billet de Roger Johansson]

← Older revision		Revision as of 11:30, 4 November 2007
Line 78:		Line 78:
	Les billets de Blog qui fournissent des trucs et techniques, spécifiques, modernes, des guides pour utiliser plus souvent et mieux le HTML sémantique.		Les billets de Blog qui fournissent des trucs et techniques, spécifiques, modernes, des guides pour utiliser plus souvent et mieux le HTML sémantique.
	Si/Quand cette section sera trop grosse, nous la migrerons vers [[posh-blog-posts-fr\|billets de blog CHIC]].		Si/Quand cette section sera trop grosse, nous la migrerons vers [[posh-blog-posts-fr\|billets de blog CHIC]].
			* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] par Roger Johansson.
	* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - éviter les utilisations non-sémantiques des tags <nowiki><b>old et <br>eak</nowiki> et utiliser à la place les <nowiki>ajouts de <h3> et les <p>aragraphes</nowiki>.		* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - éviter les utilisations non-sémantiques des tags <nowiki><b>old et <br>eak</nowiki> et utiliser à la place les <nowiki>ajouts de <h3> et les <p>aragraphes</nowiki>.
	* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - utilisation de l'attribut "id" sur les éléments existants au lieu d'ajouter des éléments vides <code><nowiki><a name="foo"></a></nowiki></code>. Utilisez [[rel-bookmark-fr\|rel-bookmark]]		* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - utilisation de l'attribut "id" sur les éléments existants au lieu d'ajouter des éléments vides <code><nowiki><a name="foo"></a></nowiki></code>. Utilisez [[rel-bookmark-fr\|rel-bookmark]]

ChristopheDucamp: typo

2007-09-18T07:38:21Z

typo

← Older revision		Revision as of 07:38, 18 September 2007
Line 1:		Line 1:
			{{TOC-right}}
	<h1>Code HTML Intrinsèquement Classe (CHIC)</h1>		<h1>Code HTML Intrinsèquement Classe (CHIC)</h1>
	Bienvenue sur la page d'accueil du <abbr title="Plain Old Semantic HTML">POSH</abbr>. En français, vous commencerez à entendre parler de <abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>. Rien n'est encore définitif, vos suggestions et revendications peuvent être encore [http://jyte.com/cl/en-fran%C3%A7ais-posh-se-traduit-par-chic discutées].		Bienvenue sur la page d'accueil du <abbr title="Plain Old Semantic HTML">POSH</abbr>. En français, vous commencerez à entendre parler de <abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>. Rien n'est encore définitif, vos suggestions et revendications peuvent être encore [http://jyte.com/cl/en-fran%C3%A7ais-posh-se-traduit-par-chic discutées].

	~~__TOC__~~

	== Origines ==		== Origines ==
	L'acronyme '''POSH''' a été inventé [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 le 6 avril 2007] sur le canal IRC des microformats, par <kwijibo> pour désigner une abréviation raccourcie de [[plain-old-semantic-html-fr\|plain-old-semantic-html]].		L'acronyme '''POSH''' a été inventé [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 le 6 avril 2007] sur le canal IRC des microformats, par <kwijibo> pour désigner une abréviation raccourcie de [[plain-old-semantic-html-fr\|plain-old-semantic-html]].
	Une discussion partagée par John Allsopp, Tantek Çelik, Jeremy Keith et Chris Messina		Une discussion partagée par John Allsopp, Tantek Çelik, Jeremy Keith et Chris Messina
	lors du [[events/2007-04-18-web-2-expo-dinner\|Dîner Microformats du 18 avril 2007 faisant suite à l'Expo Web 2.0]] a fait renaître l'idée du POSH et l'importance de promouvoir l'objectif		lors du [[events/2007-04-18-web-2-expo-dinner\|Dîner Microformats du 18 avril 2007 faisant suite à l'Expo Web 2.0]] a fait renaître l'idée du POSH et l'importance de promouvoir l'objectif plus large de POSH, quels sont les microformats qui en sont originaires et en sont un propre sous-ensemble. Pour en savoir plus voir [[posh-fr#Historique\|Historique]].
	plus large de POSH, quels sont les microformats qui en sont ~~orginaires~~ et en sont un propre sous-ensemble. Pour en savoir plus voir [[posh-fr#Historique\|Historique]].

	== Pourquoi POSH est traduit en CHIC ==		== Pourquoi POSH est traduit en CHIC ==
	Le terme [[semantic-html-fr\|html sémantique]] peut intimider par sa longueur et il donne une fausse mauvaise impression de sa simplicité, de sa bonne adoption par les designers web modernes, et les avantages qu'il possède vont bien au delà de développer pour le web comme il faut en utilisant un balisage sémantique. Nous avons besoin d'un terme court et facile à retenir qui capte l'essence du concept, et soit facile à conjuguer. CHIC a été proposé par Kevin Marks et la déclinaison de l'acronyme '''C'''ode '''H'''TML '''I'''ntrinsèquement '''C'''lasse proposée par Stéphane Gigandet colle bien au sens du 'POSH'.		Le terme [[semantic-html-fr\|html sémantique]] peut intimider par sa longueur et donne une fausse mauvaise impression de sa simplicité, de sa bonne adoption par les designers web modernes, et les avantages qu'il possède vont bien au delà de développer pour le web comme il faut en utilisant un balisage sémantique. Nous avons besoin d'un terme court et facile à retenir qui capte l'essence du concept, et soit facile à conjuguer. CHIC a été proposé par Kevin Marks et la déclinaison de l'acronyme '''C'''ode '''H'''TML '''I'''ntrinsèquement '''C'''lasse proposée par Stéphane Gigandet colle bien au sens du 'POSH'.

	== Quoi ==		== Quoi ==
	Le CHIC regroupe les meilleures pratiques d'utilisation ~~de l'~~[[semantic-html-fr\|HTML sémantique]] pour publier des pages web. Le HTML sémantique est le sous-ensemble des éléments et attributs du HTML 4.01 (ou du XHTML 1.0) qui sont ''[[semantic-fr\|sémantiques]]'' plutôt que ''[[présentationnels]]''. La meilleure façon d'apprendre et de comprendre CHIC est de le mettre en oeuvre. Prenez une page sur votre site web pour démarrer et appliquez-lui la [[posh-fr#La_Checklist_CHIC\|Checklist CHIC]]. Continuez avec le [[posh-fr#Le_Processus_CHIC\|Processus CHIC]]. Lisez les [[posh-fr#Ressources\|Ressources CHIC]] pour en savoir encore plus à propos de CHIC.		Le CHIC regroupe les meilleures pratiques d'utilisation du [[semantic-html-fr\|HTML sémantique]] pour publier des pages web. Le HTML sémantique est le sous-ensemble des éléments et attributs du HTML 4.01 (ou du XHTML 1.0) qui sont ''[[semantic-fr\|sémantiques]]'' plutôt que ''[[présentationnels]]''. La meilleure façon d'apprendre et de comprendre CHIC est de le mettre en oeuvre. Prenez une page sur votre site web pour démarrer et appliquez-lui la [[posh-fr#La_Checklist_CHIC\|Checklist CHIC]]. Continuez avec le [[posh-fr#Le_Processus_CHIC\|Processus CHIC]]. Lisez les [[posh-fr#Ressources\|Ressources CHIC]] pour en savoir encore plus à propos de CHIC.

	== Le processus du CHIC ==		== Le processus du CHIC ==
Line 31:		Line 29:

	== Ressources ==		== Ressources ==

	=== Tutoriels CHICs ===		=== Tutoriels CHICs ===
	Etape par étape, les tutoriels pour créer du contenu CHIC ou comment mettre à jour du contenu existant vers CHIC.		Etape par étape, les tutoriels pour créer du contenu CHIC ou comment mettre à jour du contenu existant vers CHIC.

ChristopheDucamp: /* La Checklist CHIC */

2007-09-18T00:31:31Z

La Checklist CHIC

← Older revision		Revision as of 00:31, 18 September 2007
Line 23:		Line 23:

	== La Checklist CHIC ==		== La Checklist CHIC ==
	* La première règle de CHIC est que vous devez [http://validator.w3.org ~~validez~~] votre CHIC.		* La première règle de CHIC est que vous devez [http://validator.w3.org valider] votre CHIC.
	* Deuxièmement, laissez tomber l'usage des TABLES utilisées purement à des fins de présentation, les GIFs d'espacement et le [[presentational-html-fr\|html de présentation]] en général.		* Deuxièmement, laissez tomber l'usage des TABLES utilisées purement à des fins de présentation, les GIFs d'espacement et le [[presentational-html-fr\|html de présentation]] en général.
	* Puis, réparez votre syntaxe [http://tantek.com/log/2002/10.html#L20021022t1432 '''B'''ed and '''B'''reakfast].		* Puis, réparez votre syntaxe [http://tantek.com/log/2002/10.html#L20021022t1432 '''B'''ed and '''B'''reakfast].

ChristopheDucamp: /* Les Livres CHIC */ sync'd

2007-08-02T16:24:35Z

Les Livres CHIC: sync'd

← Older revision		Revision as of 16:24, 2 August 2007
Line 57:		Line 57:
	* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span>		* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span>
	* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> de <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Le Chapitre 3 est un aperçu général et pratique de l'utilisation appropriée du HTML sémantique valide et structuré.		* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> de <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Le Chapitre 3 est un aperçu général et pratique de l'utilisation appropriée du HTML sémantique valide et structuré.
	* ...		* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> par <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span>
			* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> par <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span>

	=== Magazines CHIC ===		=== Magazines CHIC ===