<?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/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>MA14 : le blogue &#187; Long Nguyen</title>
	<atom:link href="http://ma14.com/blog/author/long/feed/" rel="self" type="application/rss+xml" />
	<link>http://ma14.com/blog</link>
	<description>Par des stratégies basées sur le marketing C2B, MA14 catalyse les relations des entreprises désireuses de se démarquer et de performer.</description>
	<lastBuildDate>Sun, 01 Aug 2010 16:07:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Do&#8217;s and Don&#8217;ts of Modern Web Design</title>
		<link>http://ma14.com/blog/2009/07/the-dos-and-donts-of-modern-web-design/</link>
		<comments>http://ma14.com/blog/2009/07/the-dos-and-donts-of-modern-web-design/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 20:50:10 +0000</pubDate>
		<dc:creator>Long Nguyen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[good practices]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.ma14.com/?p=585</guid>
		<description><![CDATA[The Do&#8217;s and Don&#8217;ts of Modern Web Design est un site web avec une panoplie de conseils sur les bonnes pratiques à adopter ou pas pour la conception d&#8217;un site web. On y retrouve des conseils comme «Don’t use inaccessible tables», «Don’t use “click here” links» et «Use headings to make your site more accessible».

De [...]]]></description>
			<content:encoded><![CDATA[<p>The Do&#8217;s and Don&#8217;ts of Modern Web Design est un site web avec une panoplie de conseils sur les bonnes pratiques à adopter ou pas pour la conception d&#8217;un site web. On y retrouve des conseils comme «Don’t use inaccessible tables», «Don’t use “click here” links» et «Use headings to make your site more accessible».</p>
<p><a href="http://webdosanddonts.com" class="image"><img src="http://blog.ma14.com/wp-content/uploads/2009/06/dos_donts.jpg" alt="Page d'accueil du site The Do's and Don'ts of Medern Web Design" /></a></p>
<p>De plus, chaque conseil est bonifié par un lien à un article qui explique la recommandation en détail.</p>
<p><a href="http://webdosanddonts.com">The Do&#8217;s and Don&#8217;ts of Modern Web Design</a> une bonne resource simple et rapide à digérer autant pour les débutants que les avancés en design web.</p>
]]></content:encoded>
			<wfw:commentRss>http://ma14.com/blog/2009/07/the-dos-and-donts-of-modern-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://blog.ma14.com/wp-content/uploads/2009/06/dos_donts.jpg" />
		<media:content url="http://blog.ma14.com/wp-content/uploads/2009/06/dos_donts.jpg" medium="image">
			<media:title type="html">Page d'accueil du site The Do's and Don'ts of Medern Web Design</media:title>
		</media:content>
	</item>
		<item>
		<title>Coup d&#8217;œil au design de Vincent Gagnon</title>
		<link>http://ma14.com/blog/2009/05/coup-doeil-au-design-de-vincent-gagnon/</link>
		<comments>http://ma14.com/blog/2009/05/coup-doeil-au-design-de-vincent-gagnon/#comments</comments>
		<pubDate>Fri, 08 May 2009 21:00:12 +0000</pubDate>
		<dc:creator>Long Nguyen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[coulisses]]></category>
		<category><![CDATA[créatif]]></category>
		<category><![CDATA[mélodique]]></category>
		<category><![CDATA[moderne et dissonant]]></category>
		<category><![CDATA[sobre]]></category>
		<category><![CDATA[subtil]]></category>

		<guid isPermaLink="false">http://blog.ma14.com/?p=319</guid>
		<description><![CDATA[Coup d'œil sur le design du site de Vincent Gagnon, un pianiste-compositeur de musique jazz...]]></description>
			<content:encoded><![CDATA[<p><a href="http://vincentgagnon.ca">Vincent Gagnon</a> est un pianiste-compositeur de musique jazz qui désirait avoir un site web dans le but d&#8217;élargir son public. Le design devait faire ressortir la personnalité de Vincent ainsi que sa musique. </p>
<p><img src="http://blog.ma14.com/wp-content/uploads/2009/05/vincentgagnon.jpg" alt="vincentgagnon" title="vincentgagnon" width="580" height="290" class="alignnone size-full wp-image-335" /></p>
<p>L&#8217;idée de ne pas avoir de navigation a primé dès le départ. Il fallait donc que toutes les sections du site apparaissent sur la première page. Après plusieurs configurations qui mettaient toujours en importance une section plus qu&#8217;une autres, c&#8217;est la configuration à quatre colonnes qui a été retenue, où tous les éléments sont aussi importants les uns que les autres.</p>
<p>Ces quatre colonnes peuvent rappeler les touches du clavier d&#8217;un piano et chacune d&#8217;elles reproduit une note représentée par une section du site. Ainsi, les colonnes deviennent des onglets lorsqu&#8217;on quitte la page principale.</p>
<p>Les mots-clés du projet étaient sobre, subtil, créatif, mélodique, moderne et dissonant. Ces adjectifs s&#8217;appliquent tous <a href="http://vincentgagnon.ca">au design final</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://ma14.com/blog/2009/05/coup-doeil-au-design-de-vincent-gagnon/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:thumbnail url="http://ma14.com/blog/wp-content/uploads/2009/05/vincentgagnon-150x150.jpg" />
		<media:content url="http://ma14.com/blog/wp-content/uploads/2009/05/vincentgagnon.jpg" medium="image">
			<media:title type="html">vincentgagnon</media:title>
			<media:thumbnail url="http://ma14.com/blog/wp-content/uploads/2009/05/vincentgagnon-150x150.jpg" />
		</media:content>
	</item>
		<item>
		<title>Avoir conscience des éléments de base d&#8217;un site web</title>
		<link>http://ma14.com/blog/2009/04/elements-de-base-dun-site-web/</link>
		<comments>http://ma14.com/blog/2009/04/elements-de-base-dun-site-web/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 17:23:43 +0000</pubDate>
		<dc:creator>Long Nguyen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[liberté]]></category>
		<category><![CDATA[minimalisme]]></category>
		<category><![CDATA[normes]]></category>
		<category><![CDATA[pertinence]]></category>

		<guid isPermaLink="false">http://dev.ma14.com/?p=45</guid>
		<description><![CDATA[Les sites web comportent des caractéristiques similaires. Ils présentent tous les mêmes éléments de base placés aux mêmes endroits : un logo en haut à gauche, un slogan quelque part pas trop loin du logo, un menu pour orienter les visiteurs, du contenu pour les inciter à rester et finalement, le pied de page qui n’est rien de plus que l’équivalent de la signature d’une lettre.]]></description>
			<content:encoded><![CDATA[<p>Dans un passé très lointain, la communication par des lettres formelles était quelque chose de très courant. Ces lettres étaient toutes pareilles, toujours écrites de la même façon avec les mêmes éléments placés aux mêmes endroits. </p>
<p>Comme ces lettres, les sites web comportent des caractéristiques similaires. Ils présentent tous les mêmes éléments de base placés aux mêmes endroits : un logo en haut à gauche, un slogan quelque part pas trop loin du logo, un menu pour orienter les visiteurs, du contenu pour les inciter à rester et finalement, le pied de page qui n’est rien de plus que l’équivalent de la signature d’une lettre.</p>
<p>Il suffit de visiter n&#8217;importe quel site comme <a href="http://fr.wikipedia.org">Wikipédia</a> ou <a href="http://facebook.com">Facebook</a> et on peut non seulement identifier tous ces éléments, mais également remarquer qu&#8217;ils sont aux mêmes endroits. Ils composent le squelette d&#8217;un site web. </p>
<p>Toutefois, comme un site web n&#8217;est pas un être vivant, la liberté totale est permise, mais il faut savoir l&#8217;utiliser à bon escient. Certaines situations permettent l&#8217;absence de certains éléments considérés comme essentiels.  </p>
<p><a href="http://craigslist.org">Craigslist</a>, par exemple, n&#8217;est rien de plus qu&#8217;une grosse liste de villes et c&#8217;est clairement construit pour des gens qui savent pour quelles raisons ils sont là.</p>
<p>Certains sites vont plus loin en ne mettant presque aucun contenu. Le site de <a href="http://bluebirdapp.com">Bluebird</a>, un nouveau client <a href="http://twitter.com">Twitter</a> encore bêta, est un bon exemple. Au milieu de la page, on présente un œuf bleu éclos et sous l&#8217;œuf, se trouve le logo de la compagnie. Encore une fois, c&#8217;est un site fait pour les gens avertis.</p>
<p>Ensuite, il y a des sites comme celui de <a href="http://skittles.com">Skittles</a> qui contiennent seulement une navigation.</p>
<p>Finalement, il y a des sites comme celui-ci sur lequel il n&#8217;y a presque rien. <a href="http://telescopictext.com">I made tea</a>.</p>
<p>Chacun des sites web mentionnés ci-haut a des buts différents, mais bien précis et ils utilisent l&#8217;absence d&#8217;éléments de base pour atteindre leurs objectifs. De plus, ça rend tous ces sites mémorables.  </p>
<p>Visiteurs de sites web, je vous invite à remarquer tous ces éléments et leurs formes pour comprendre un site et ne pas vous perdre.  </p>
<p>Designers web, je vous invite à prendre conscience de l&#8217;existence de tous ces éléments et de penser a ce que leurs présence et absence peuvent ajouter ou enlever à votre travail. </p>
]]></content:encoded>
			<wfw:commentRss>http://ma14.com/blog/2009/04/elements-de-base-dun-site-web/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
	</item>
	</channel>
</rss>
