{"id":2168,"date":"2005-11-19T13:52:13","date_gmt":"2005-11-19T13:52:13","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=2168"},"modified":"2005-11-19T13:52:13","modified_gmt":"2005-11-19T13:52:13","slug":"335-motifs-de-conception-pour-le-web","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/335-motifs-de-conception-pour-le-web\/","title":{"rendered":"Motifs de conception pour le web"},"content":{"rendered":"<p>Lorsqu&#8217;il s&#8217;agit de concevoir une page web, la m\u00eame question revient tout le temps&nbsp;: <q>comment vais-je utiliser les \u00e9l\u00e9ments HTML (et leur s\u00e9mantique) pour d\u00e9finir correctement mon document ?<\/q><\/p>\n<p>Baliser un document est toujours difficile car la recommandation est toujours sujette \u00e0 des interpr\u00e9tations diff\u00e9rentes, r\u00e9sultant dans des solutions diff\u00e9rentes mais toutes valables.<\/p>\n<p><!--more--><\/p>\n<p>Jusqu&#8217;\u00e0 maintenant, on avait plusieurs moyens pour d\u00e9terminer si les solutions de balisage \u00e9taient correctes:<\/p>\n<ul>\n<li>r\u00e9fl\u00e9chir (bah oui) et confronter ses id\u00e9es \u00e0 la sp\u00e9cification pour v\u00e9rifier que \u00e7a colle;<\/li>\n<li>analyser le code d&#8217;autres sites dont on connait la qualit\u00e9 (et se <a href=\"http:\/\/wiki.svay.com\/wiki\/markupdatabase\" hreflang=\"fr\">le mettre de c\u00f4t\u00e9<\/a> pour plus tard);<\/li>\n<li>puiser des morceaux de code dans les diff\u00e9rents tutoriaux qui balancent quelques lignes de HTML comme base pour expliquer les feuilles de style;<\/li>\n<li>choisir un <a href=\"http:\/\/microformats.org\/\" hreflang=\"en\">microformat<\/a>;<\/li>\n<li>ou consulter le cultissime <a href=\"http:\/\/www.simplebits.com\/bits\/simplequiz\/\" hreflang=\"en\">SimpleQuizz<\/a> de Dan Cederholm.<\/li>\n<\/ul>\n<p>Et l\u00e0 on se rend compte que le web manque cruellement d&#8217;une ressource qui centraliserait les solutions propos\u00e9es pour qu&#8217;elles soient discut\u00e9es, test\u00e9es, revues ou d\u00e9cortiqu\u00e9es. Pour faire court, le web a besoin d&#8217;un r\u00e9f\u00e9rentiel de design patterns pour le balisage.<\/p>\n<p>Manifestement, l&#8217;id\u00e9e a fait du chemin car le site <a href=\"http:\/\/webpatterns.org\/\" hreflang=\"en\">WebPatterns<\/a> devrait bient\u00f4t \u00eatre lanc\u00e9. Si <a href=\"http:\/\/westciv.typepad.com\/dog_or_higher\/2005\/11\/webpatterns_and.html\" hreflang=\"en\">on en croit l&#8217;auteur<\/a>, le site devrait servir \u00e0 tout ce que j&#8217;\u00e9voquais plus haut. \u00c0 suivre de tr\u00e8s pr\u00e8s.<\/p>\n<p><a href=\"http:\/\/www.simplebits.com\/notebook\/2005\/11\/18\/webpatterns.html\" hreflang=\"en\">Via SimpleBits<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorsqu&#8217;il s&#8217;agit de concevoir une page web, la m\u00eame question revient tout le temps&nbsp;: <q>comment vais-je utiliser les \u00e9l\u00e9ments HTML (et leur s\u00e9mantique) pour d\u00e9finir correctement mon document ?<\/q><\/p>\n<p>Baliser un document est toujours difficile car la recommandation est toujours sujette \u00e0 des interpr\u00e9tations diff\u00e9rentes, r\u00e9sultant dans des solutions diff\u00e9rentes mais toutes valables.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2168"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=2168"}],"version-history":[{"count":0,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2168\/revisions"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=2168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=2168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=2168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}