<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>higherweb.fr - Solutions Web &#38; Graphic Design &#187; règles</title>
	<atom:link href="http://www.higherweb.fr/tag/regles/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.higherweb.fr</link>
	<description>Webdesign, Création de site, Solution d&#039;édition web, Intégration CMS, Infographie, Logo, Identité visuelle</description>
	<lastBuildDate>Thu, 09 Jun 2011 09:14:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Les règles d&#8217;accessibilité sont simples</title>
		<link>http://www.higherweb.fr/2008/12/les-regles-d-accessibilite-sont-simples/</link>
		<comments>http://www.higherweb.fr/2008/12/les-regles-d-accessibilite-sont-simples/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 10:22:18 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[développement]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[ParisWeb]]></category>
		<category><![CDATA[règles]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=1044</guid>
		<description><![CDATA[Elles sont même encore plus simple avec la version WCAG 2.0, qui énoncent les règles en matière d&#8217;accessibilité recommandées par le W3C, et qui a clarifié la précédente édition. L&#8217;objectif [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1050" title="accessibilite" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/12/accessibilite.jpg" alt="" width="485" height="120" /></p>
<p style="text-align: justify;">Elles sont même encore plus simple avec la version <strong>WCAG 2.0</strong>, qui énoncent les <strong>règles en matière d&#8217;accessibilité</strong> recommandées par le <strong>W3C</strong>, et qui a clarifié la précédente édition. L&#8217;objectif est simple : assurer la diffusion de ces bonnes pratiques et faciliter leur mise en place.</p>
<p style="text-align: justify;">Pour cela la principale évolution est la réduction des règles au nombre de 4 :</p>
<blockquote style="text-align: justify;">
<ul>
<li><strong>S&#8217;assurer que le contenu Web est perceptible par tout internaute.</strong></li>
<li><strong>S&#8217;assurer que le contenu Web est utilisable par tout internaute.</strong></li>
<li><strong>S&#8217;assurer que le contenu Web est compréhensible par tous</strong>.</li>
<li><strong>S&#8217;assurer de la robustesse du contenu</strong>.</li>
</ul>
</blockquote>
<p style="text-align: justify;">Cela rejoint les propos tenus au forum <a href="http://www.paris-web.fr/2008/" target="_self">ParisWeb 2008</a>&#8230; A savoir :</p>
<ul style="text-align: justify;">
<li>proposer une <strong>alternative aux contenus visuels</strong> et auditifs (<em>légende, sous-titrage, audio-description</em>)</li>
<li>bien utiliser le <strong>contraste des couleurs</strong> (c<em>ohérence du background image et couleur</em>)</li>
<li>assurer la <strong>lisibilité du contenu</strong> sans souris (<em>touches du clavier</em>)</li>
<li>mettre en place des <strong>fonctions d&#8217;aide à la saisie</strong></li>
<li>optimiser sa <strong>compatibilité avec les technologies d&#8217;aide</strong> fonctionnelle (lecteur d&#8217;écran)</li>
</ul>
<div style="text-align: justify;">
<p>Ce graphique de <a href="http://blog.kinoa.com/2008/05/26/10-astuces-pour-ameliorer-l-accessibilite-de-votre-site-web/" target="_blank">Stéphane de Kinoa</a> propose un synthèse rapide des éléments à prendre en compte dans un objectif d&#8217;accessibilité de site web :</div>
<div style="text-align: justify;"><img class="alignnone size-full wp-image-1048" title="acess" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/12/acess.jpg" alt="" width="485" height="531" /></div>
<div style="text-align: justify;">
<p style="text-align: justify;">Ces principes avaient été brillamment exposés par <span class="dmco_link dmco_simplelink video_title">Stéphane Deschamps et Aurélien Levy dans leur conférence &laquo;&nbsp;<strong>Accessibilité : des volontaires ?</strong>&nbsp;&raquo; que l&#8217;on peut revoir dans cette vidéo :</span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="234" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.dailymotion.com/swf/k2QSoKpr0ZyGiGS5I7&amp;related=0" /><embed type="application/x-shockwave-flash" width="480" height="234" src="http://www.dailymotion.com/swf/k2QSoKpr0ZyGiGS5I7&amp;related=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/12/les-regles-d-accessibilite-sont-simples/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/accessibilite/" rel="tag">accessibilité</a>, <a href="http://www.higherweb.fr/tag/parisweb/" rel="tag">ParisWeb</a>, <a href="http://www.higherweb.fr/tag/regles/" rel="tag">règles</a>, <a href="http://www.higherweb.fr/tag/video/" rel="tag">vidéo</a>, <a href="http://www.higherweb.fr/tag/w3c/" rel="tag">W3C</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/12/les-regles-d-accessibilite-sont-simples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les 6 étapes du design stratégique</title>
		<link>http://www.higherweb.fr/2008/11/les-6-etapes-du-design-strategique/</link>
		<comments>http://www.higherweb.fr/2008/11/les-6-etapes-du-design-strategique/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 17:25:12 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[webdesign]]></category>
		<category><![CDATA[entreprise]]></category>
		<category><![CDATA[objectif]]></category>
		<category><![CDATA[règles]]></category>
		<category><![CDATA[stratégie]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=784</guid>
		<description><![CDATA[Le site Smashing Magazine vient de publier un excellent article (Strategic Design: 6 Steps For Building Successful Websites) sur la manière de conduire une réflexion stratégique autour du design d&#8217;un [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a title="Lire l'article" href="http://www.higherweb.fr/le_blog/2008/11/les-6-etapes-du-design-strategique/"><img class="alignnone size-full wp-image-795" style="border: 0pt none;" title="smashing_magazine" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/11/smashing_magazine.jpg" alt="" width="485" height="120" /></a></p>
<p style="text-align: justify;">Le site <strong>Smashing Magazine</strong> vient de publier un excellent article (<a title="Strategic Design: 6 Steps For Building Successful Websites" rel="bookmark" href="http://www.smashingmagazine.com/2008/11/05/strategic-design-6-steps-for-building-successful-websites/">Strategic Design: 6 Steps For Building Successful Websites</a>) sur la manière de conduire une réflexion stratégique autour du design d&#8217;un site web. Cet article propose de rapprocher au plus près  la conception graphique et ergonomique d&#8217;un site en développement avec les objectifs et contraintes de l&#8217;organisation ou de l&#8217;entreprise. En effet, on voit souvent apparaitre un décalage entre l&#8217;image ou les besoins de l&#8217;entreprise et le site récemment réalisé (Voir cet article : <a href="http://www.higherweb.fr/le_blog/2008/10/sncf-com-du-portail-classique-au-site-corporate-fashion/">Sncf.com : du portail au site corporate fashion</a>).[...]<br/><br/>
>>> Lire la suite de cet article : <a href="http://www.higherweb.fr/2008/11/les-6-etapes-du-design-strategique/">Les 6 étapes du design stratégique</a> (208 mots)</p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/11/les-6-etapes-du-design-strategique/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/entreprise/" rel="tag">entreprise</a>, <a href="http://www.higherweb.fr/tag/objectif/" rel="tag">objectif</a>, <a href="http://www.higherweb.fr/tag/regles/" rel="tag">règles</a>, <a href="http://www.higherweb.fr/tag/strategie/" rel="tag">stratégie</a>, <a href="http://www.higherweb.fr/tag/webdesign/" rel="tag">webdesign</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/11/les-6-etapes-du-design-strategique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Revue de web semaine 44</title>
		<link>http://www.higherweb.fr/2008/10/revue-de-web-semaine-44/</link>
		<comments>http://www.higherweb.fr/2008/10/revue-de-web-semaine-44/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 16:50:26 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[outils collaboratifs]]></category>
		<category><![CDATA[zone libre]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[règles]]></category>
		<category><![CDATA[revue de web]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=730</guid>
		<description><![CDATA[La “Revue de Web” hebdomadaire (parution le Vendredi) me permet de partager avec vous, les articles et informations intéressantes de la semaine. Voici les réjouissances de la semaine 44, du [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Lire l'article" href="http://www.higherweb.fr/le_blog/2008/10/revue-de-web-semaine-44/"><img class="alignnone size-full wp-image-367" style="border: 0pt none;" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/09/revue_de_web.jpg" alt="" width="485" height="120" /></a></p>
<p style="text-align: justify;">La “Revue de Web” hebdomadaire (<em>parution le Vendredi</em>) me permet de <strong>partager</strong> avec vous, les <strong>articles et informations intéressantes de la semaine</strong>. Voici les réjouissances de la <strong>semaine 44, du 25 au 31/10/2008</strong>.</p>
<h3>A LA UNE !</h3>
<blockquote>
<p style="text-align: justify;"><strong>Vous êtes un bloggeur&#8230; Et bien, vous avez votre Bible !<br />
Un dossier très complet et fort intéressant, à lire impérativement.<br />
</strong></p>
<p><a class="entry-title-link" href="http://feeds.feedburner.com/%7Er/BusinessGarden/%7E3/434690391/comment_creer_un_blog_faire_connaitre" target="_blank">Comment Créer un Blog Pro : Les 8 Commandements du Blogueur Pro</a> &#8211; <em>Business Garden</em></p>
<p style="text-align: justify;">[...]<br/><br/>
>>> Lire la suite de cet article : <a href="http://www.higherweb.fr/2008/10/revue-de-web-semaine-44/">Revue de web semaine 44</a> (200 mots)</p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/10/revue-de-web-semaine-44/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/blog/" rel="tag">blog</a>, <a href="http://www.higherweb.fr/tag/regles/" rel="tag">règles</a>, <a href="http://www.higherweb.fr/tag/revue-de-web/" rel="tag">revue de web</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/10/revue-de-web-semaine-44/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 + 10 + 5 = 22 principes essentiels de conception web</title>
		<link>http://www.higherweb.fr/2008/08/7-10-5-22-principes-essentiels-de-conception-web/</link>
		<comments>http://www.higherweb.fr/2008/08/7-10-5-22-principes-essentiels-de-conception-web/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 07:32:09 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[développement]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[règles]]></category>
		<category><![CDATA[utilisabilité]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/wordpress/?p=29</guid>
		<description><![CDATA[Sur le site www.smashingmagazine.com, trois articles synthétisent de nombreuses règles de web design essentielles (et évidentes pour les initiés) indispensables pour concevoir un site fonctionnel et efficace. C’est en tous [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Lire l'article" href="http://www.higherweb.fr/le_blog/2008/08/22-principes-essentiels-conception-web/"><img class="alignnone size-full wp-image-155" style="border: 0pt none;" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/08/principes-conception-web1.jpg" alt="" width="485" height="120" /></a></p>
<p>Sur le site <strong>www.smashingmagazine.com</strong>, trois articles synthétisent de nombreuses règles de web design essentielles (et évidentes pour les initiés) indispensables pour concevoir un site fonctionnel et efficace.</p>
<p>C’est en tous 22 principes à découvrir (ou redécouvrir) dans le détail sur le site (<em>en anglais</em>), pour vous voici les grandes lignes :[...]<br/><br/>
>>> Lire la suite de cet article : <a href="http://www.higherweb.fr/2008/08/7-10-5-22-principes-essentiels-de-conception-web/">7 + 10 + 5 = 22 principes essentiels de conception web</a> (224 mots)</p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/08/7-10-5-22-principes-essentiels-de-conception-web/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/developpement/" rel="tag">développement</a>, <a href="http://www.higherweb.fr/tag/regles/" rel="tag">règles</a>, <a href="http://www.higherweb.fr/tag/utilisabilite/" rel="tag">utilisabilité</a>, <a href="http://www.higherweb.fr/tag/webdesign/" rel="tag">webdesign</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/08/7-10-5-22-principes-essentiels-de-conception-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A la recherche des polices perdues</title>
		<link>http://www.higherweb.fr/2008/07/a-la-recherche-des-polices-perdues/</link>
		<comments>http://www.higherweb.fr/2008/07/a-la-recherche-des-polices-perdues/#comments</comments>
		<pubDate>Tue, 15 Jul 2008 06:27:28 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[règles]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/le_blog/?p=134</guid>
		<description><![CDATA[Une règle essentiel en webdesign et surtout en CSS nous oblige à utiliser les web-safe fonts pour les textes du site. Il s&#8217;agit de choisir parmi les polices qui sont [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Lire l'article" href="http://www.higherweb.fr/le_blog/2008/07/a-la-recherche-des-polices-perdues/"><img class="alignnone size-full wp-image-157" style="border: 0pt none;" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/08/polices-perdues1.jpg" alt="" width="485" height="120" /></a></p>
<p>Une règle essentiel en webdesign et surtout en CSS nous oblige à utiliser les <em>web-safe fonts</em> pour les textes du site. Il s&#8217;agit de choisir parmi les polices qui sont pré-installées sur tous les ordinateurs. Ainsi le visiteur visualise correctement le site. Parmi cette dizaine de polices, on retrouve très très souvent les mêmes : Arial, Verdana, Times…[...]<br/><br/>
>>> Lire la suite de cet article : <a href="http://www.higherweb.fr/2008/07/a-la-recherche-des-polices-perdues/">A la recherche des polices perdues</a> (156 mots)</p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/07/a-la-recherche-des-polices-perdues/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/css/" rel="tag">CSS</a>, <a href="http://www.higherweb.fr/tag/font/" rel="tag">font</a>, <a href="http://www.higherweb.fr/tag/regles/" rel="tag">règles</a>, <a href="http://www.higherweb.fr/tag/typographie/" rel="tag">typographie</a>, <a href="http://www.higherweb.fr/tag/webdesign/" rel="tag">webdesign</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/07/a-la-recherche-des-polices-perdues/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>L’art du formulaire web efficace</title>
		<link>http://www.higherweb.fr/2008/07/art-du-formulaire-web-efficace/</link>
		<comments>http://www.higherweb.fr/2008/07/art-du-formulaire-web-efficace/#comments</comments>
		<pubDate>Fri, 11 Jul 2008 09:08:05 +0000</pubDate>
		<dc:creator>Gaëtan</dc:creator>
				<category><![CDATA[webdesign]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[formulaire]]></category>
		<category><![CDATA[règles]]></category>
		<category><![CDATA[utilisabilité]]></category>

		<guid isPermaLink="false">http://www.higherweb.fr/wordpress/?p=15</guid>
		<description><![CDATA[L’excellent site www.smashingmagazine.com propose 2 études qui permettent de dégager les règles de construction d’un formulaire web efficace et fonctionnel. Voici résumé, l’essentiel de ce qu’il faut retenir…[...] >>> Lire [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Lire l'article" href="http://www.higherweb.fr/le_blog/2008/07/art-du-formulaire-web-efficace/"><img class="alignnone size-full wp-image-155" style="border: 0pt none;" src="http://www.higherweb.fr/le_blog/wp-content/uploads/2008/08/principes-conception-web1.jpg" alt="" width="485" height="120" /></a></p>
<p>L’excellent site <strong>www.smashingmagazine.com</strong> propose 2 études qui permettent de dégager les règles de construction d’un formulaire web efficace et fonctionnel. Voici résumé, l’essentiel de ce qu’il faut retenir…[...]<br/><br/>
>>> Lire la suite de cet article : <a href="http://www.higherweb.fr/2008/07/art-du-formulaire-web-efficace/">L’art du formulaire web efficace</a> (385 mots)</p>
<hr />
<p><small>© Gaëtan PICHON sur <a href="http://www.higherweb.fr">higherweb.fr - Solutions Web &amp; Graphic Design</a>, 2008. |
<a href="http://www.higherweb.fr/2008/07/art-du-formulaire-web-efficace/">Permalien</a> | Tags: <a href="http://www.higherweb.fr/tag/developpement/" rel="tag">développement</a>, <a href="http://www.higherweb.fr/tag/formulaire/" rel="tag">formulaire</a>, <a href="http://www.higherweb.fr/tag/regles/" rel="tag">règles</a>, <a href="http://www.higherweb.fr/tag/utilisabilite/" rel="tag">utilisabilité</a>, <a href="http://www.higherweb.fr/tag/webdesign/" rel="tag">webdesign</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.higherweb.fr/2008/07/art-du-formulaire-web-efficace/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

