<?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>All For Design &#187; Outils</title>
<atom:link href="http://all-for-design.com/category/outils/feed" rel="self" type="application/rss+xml" />
<link>http://all-for-design.com</link>
<description>Webdesign, Graphisme &#38; inspiration...</description>
<lastBuildDate>Wed, 22 Jun 2011 08:19:08 +0000</lastBuildDate>
<generator>http://wordpress.org/?v=abc</generator>
<language>en</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
	<item>
		<title>Webdesign, Graphisme, Magazines&#8230; 200 adresses partagées avec Symbaloo !</title>
		<link>http://all-for-design.com/outils/webdesign-graphisme-magazines-200-adresses-partagees-avec-symbaloo</link>
		<comments>http://all-for-design.com/outils/webdesign-graphisme-magazines-200-adresses-partagees-avec-symbaloo#comments</comments>
		<pubDate>Sat, 01 Aug 2009 14:05:04 +0000</pubDate>
		<dc:creator>Aure</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[Ressources]]></category>

		<guid isPermaLink="false">http://all-for-design.com/?p=656</guid>
		<description><![CDATA[Avec le net nous avons aujourd'hui accès à des milliers de ressources complètement gratuitement. Pour s'y retrouver plus facilement on bookmark ses sites préférés dans son navigateur favori. Cependant, si vous changez de navigateur, vous perdez votre précieuse liste... Pour éviter ce problème, il existe un outil qui s'apelle <a href="http://www.symbaloo.com/" title="Essayer Symbaloo !">Symbaloo</a>]]></description>
			<content:encoded><![CDATA[<p><img class="img-post-title" src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-logo.gif" alt="Symbaloo-logo" title="All for Design _ Symbaloo-logo"  />Pour ne pas se perdre parmi les milliers de ressources disponibles gratuitement sur le net,  nous &laquo;&nbsp;bookmarkons&nbsp;&raquo; nos sites préférés pour les retrouver plus facilement. Malheureusement, à chaque changement de navigateur ou de pc, la précieuse liste de liens est perdue (à moins de la dupliquer systématiquement&#8230;). Heureusement, <a href="http://www.symbaloo.com/" title="Essayer Symbaloo !">Symbaloo</a> est là pour vous faciliter la vie !<span id="more-656"></span></p>

<h2>Symbaloo c&#8217;est quoi ?</h2>
<p>Avec ce service vous pourrez stocker sur le web tous vos bookmarks et ainsi y accéder où que vous soyez. Mais <a href="http://www.symbaloo.com/" title="Essayer Symbaloo !">Symbaloo</a> ne s&#8217;arrête pas là puisqu&#8217;il vous permet également de centraliser certains services basiques : pages jaunes, recherche google, outil de traduction, comparateur de prix, programme ciné, et bien plus encore&#8230;</p>
<p>Après vous être inscrit gratuitement, vous bénéficierez d&#8217;un espace personnel pour stocker tous vos bookmarks, vos flux RSS et accéder à de nombreux services disponibles sous forme de Widget. Si vous optez pour le partage de vos pages, <a href="http://www.symbaloo.com/" title="Essayer Symbaloo !">Symbaloo</a> vous offre la possibilité de prévenir vos amis en leur envoyant l&#8217;url de la page rendue publique.</p>

<p class="center">
<img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-accueil.jpg" alt="Page d'accueil de Symbaloo" />
</p>

<p>L&#8217;utilisation de <a href="http://www.symbaloo.com/" title="Essayer Symbaloo !">Symbaloo</a> est simple et efficace. Un système d&#8217;onglets permet un classement optimisé de tout votre contenu, l&#8217;utilisation est simplifiée grâce à la fonction de &laquo;&nbsp;glisser-déposer&nbsp;&raquo;. Pour modifier un bookmark, il vous suffit par exemple de le glisser sur la zone centrale présente sur chacune de vos pages. Vous pourrez alors modifier ce contenu, le déplacer vers un autre onglet, le copier ou le supprimer.</p>
<p>En plus d&#8217;être simple et efficace, je trouve que l&#8217;esthétique de cet outil est assez réussie&#8230; Vous pouvez par exemple assigner le visuel de votre choix à chacun de vos bookmarks. Cela améliore le rendu des pages et facilite l&#8217;accès à votre contenu.</p>

<h2>Accès direct à tous mes bookmarks : 200 adresses utiles !</h2>

<p>Puisque <a href="http://www.symbaloo.com/" title="Essayer Symbaloo !">Symbaloo</a> permet de partager son contenu, je vous offre un accès à 200 adresses utiles : Webdesign, Graphisme, Inspiration, Coding, Magazines, Tutoriaux, Groupes FlickR&#8230; Voici une mine de contenu classé par catégories, rien que pour vous chers lecteurs&#8230;</p>
<p>Cliquez sur les images pour accéder aux pages</p>

<p class="center">
<a href="http://www.symbaloo.com/public/2924/webdesign---graphic-design/" title="All for Design bookmarks : Webdesign &#038; Graphic Design-52 sites"><img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-webdesign.gif" alt="All for Design bookmarks  : Webdesign &#038; Graphic Design :  52 sites" /></a></p>

<p class="center">
<a href="http://www.symbaloo.com/public/2919/coding/" title="All for Design bookmarks : Coding-38 sites"><img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-coding.gif" alt="All for Design bookmarks : Coding-38 sites" /></a>
</p>

<p class="center">
<a href="http://www.symbaloo.com/public/2922/inspiration/" title="All for Design bookmarks : Inspiration-31 sites"><img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-inspiration.gif" alt="All for Design bookmarks : Inspiration-31 sites" /></a>
</p>

<p class="center">
<a href="http://www.symbaloo.com/public/2921/magazines/" title="All for Design bookmarks : Magazines-15 sites"><img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-mag.gif" alt="All for Design bookmarks : Magazines-15 sites" /></a>
</p>

<p class="center">
<a href="http://www.symbaloo.com/public/2920/tuto/" title="All for Design bookmarks : Tutoriaux-15 sites"><img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-tuto.gif" alt="All for Design bookmarks : Tutoriaux-15 sites" /></a>
</p>

<p class="center">
<a href="http://www.symbaloo.com/public/2925/ressources---tools/" title="All for Design bookmarks : Ressources &#038; Tools-37 sites"><img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-ressources.gif" alt="All for Design bookmarks : Ressources &#038; Tools-37 sites" /></a>
</p>

<p class="center">
<a href="http://www.symbaloo.com/public/2923/flickr-inspiration/" title="All for Design bookmarks :FlickR groups-13 sites"><img src="http://all-for-design.com/wp-content/uploads/2009/symbaloo/symbaloo-flickr.gif" alt="All for Design bookmarks : FlickR groups-13 sites" /></a>
</p>

<p>Le contenu présenté dans chaque page est susceptible d&#8217;évoluer avec le temps. Les noms des sites inscrits sur les visuels ne sont parfois pas exhaustifs (par manque de place) et ne seront pas mis à jour par la suite. Rendez-vous donc sur mes pages pour voir les updates&#8230;</p>

<p>Pour terminer ce post je dirai que <a href="http://www.symbaloo.com/" title="Essayer Symbaloo !">Symbaloo</a> est un outil très utile bien qu&#8217;il ne soit pas révolutionnaire. Sa facilité d&#8217;utilisation, sa polyvalence, sa stabilité ( je n&#8217;ai pas encore rencontré de bug) et sa gratuité en font un service qui mérite d&#8217;être connu.</p>
]]></content:encoded>
			<wfw:commentRss>http://all-for-design.com/outils/webdesign-graphisme-magazines-200-adresses-partagees-avec-symbaloo/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>FriendFeed : l&#8217;ultime agrégateur de médias sociaux</title>
		<link>http://all-for-design.com/outils/friendfeed-lultime-agregateur-de-medias-sociaux</link>
		<comments>http://all-for-design.com/outils/friendfeed-lultime-agregateur-de-medias-sociaux#comments</comments>
		<pubDate>Tue, 28 Jul 2009 07:14:25 +0000</pubDate>
		<dc:creator>Aure</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[Social media]]></category>

		<guid isPermaLink="false">http://all-for-design.com/?p=612</guid>
		<description><![CDATA[a href="http://friendfeed.com/">FriendFeed</a> est un service créé en Octobre 2007 par <a href="http://en.wikipedia.org/wiki/Paul_Buchheit" title="Paul Buchheit sur Wikipedia">Paul Buchheit</a>, un développeur et entrepreneur de génie qui est également l'un des fondateurs de Gmail et de Google Adsense. <a href="http://friendfeed.com/">FriendFeed</a> est la solution parfaite pour réunir en un seul et même endroit tous vous flux et pour communiquer sans limite avec tous vos contacts.]]></description>
			<content:encoded><![CDATA[<p><img class="img-post-title" src="http://all-for-design.com/wp-content/uploads/2009/friendfeed/friendfeed-logo.jpg" alt="FriendFeed-logo" title="All for Design_FriendFeed-logo"  /><a href="http://friendfeed.com/">FriendFeed</a> est un service créé en Octobre 2007 par <a href="http://en.wikipedia.org/wiki/Paul_Buchheit" title="Paul Buchheit sur Wikipedia">Paul Buchheit</a>, un développeur et entrepreneur de génie qui est également l&#8217;un des fondateurs de Gmail et de Google Adsense. <a href="http://friendfeed.com/">FriendFeed</a> est la solution parfaite pour réunir en un seul et même endroit tous vos flux&#8230; <span id="more-612"></span>et pour communiquer sans limite avec tous vos contacts.</p>

<p>On compare souvent <a href="http://friendfeed.com/">FriendFeed</a> à Twitter mais c&#8217;est une erreur. Non seulement le premier offre toutes les fonctionnalités du second mais il ne s&#8217;arrête pas là&#8230; Voici donc 15 bonnes raisons d&#8217;essayer (et donc d&#8217;adopter) FriendFeed</p>
<ol>
<li>C&#8217;est complètement gratuit !</li>
<li>Alors que Twitter bloque vos messages au delà de 140 caractères, vous pouvez écrire un roman de 3990 caractères sur FF.</li>
<li>FF permet une gestion optimisée des &laquo;&nbsp;like&nbsp;&raquo;. Un &laquo;&nbsp;like&nbsp;&raquo; est l&#8217;équivalent d&#8217;un Retweet (ou RT pour les intime) sur Twitter. C&#8217;est une fonctionnalité permettant de signifier votre adhésion à un message. Sur Twitter il n&#8217;est pas rare de recevoir 10 fois le même message qui a été Re-twitté par 10 utilisateurs différents. Résultat, on ne sait même plus qui en était à la source. Sur FF, les &laquo;&nbsp;like&nbsp;&raquo; apparaissent les uns à la suite des autres sous le message qui les a généré. La source est donc mise en avant et on évite ainsi les doublons.</li>
<p class="center"><img src="http://all-for-design.com/wp-content/uploads/2009/friendfeed/friendfeed-like.gif" alt="FriendFeed screenshot : la gestion des like" /></p>
<li>FF vous offre la possibilité de créer ou d&#8217;adhérer à des groupes de discussions.</li>
<li>Vous pouvez regrouper vos contacts en fonction de critères personnalisés.</li>
<li>FF offre une fonction de recherche très pointue permettant de trouver facilement des flux d&#8217;informations, de trouver des amis, de mener un travail de veille efficace en un clin d&#8217;œil. Pour ne pas refaire le travail, FF vous permet d&#8217;enregistrer votre recherche.</li>
<p class="center"><img src="http://all-for-design.com/wp-content/uploads/2009/friendfeed/friendfeed-search.gif" alt="FriendFeed screenshot : la recherche" /></p>
<li>Vous pouvez inclure des médias dans vos messages.</li>
<p class="center"><img src="http://all-for-design.com/wp-content/uploads/2009/friendfeed/friendfeed-message.gif" alt="FriendFeed screenshot : creation de message" /></p>
<li>Mise à jour en temps réel des flux, sur FF il n&#8217;y a pas besoin de recharger la page pour voir les nouveaux messages.</li>
<li>FF vous permet de vous synchroniser avec : Twitter, Gmail, Facebook, Stumble Upon, FlickR etc etc&#8230; Si vos Follower Twitter sont sur FriendFeed, vous pourrez les ajouter en un simple clic. Tous les messages que vous postez sur vos différents comptes viendront s&#8217;ajouter à votre flux FriendFeed si vous le désirez. C&#8217;est vraiment l&#8217;agrégateur ultime! Vous pouvez ajouter autant de flux que vous voulez. Ajoutez le flux RSS de votre blog et vos mises à jours s&#8217;afficheront automatiquement sur votre flux FF.</li>
<p class="center"><img src="http://all-for-design.com/wp-content/uploads/2009/friendfeed/friendfeed-services.gif" alt="FriendFeed screenshot : l'agrégation des flux" /></p>
<li>Lorsque vous publiez un message sur FF vous pouvez choisir de le dupliquer en même temps sur Twitter.</li>
<p class="center"><img src="http://all-for-design.com/wp-content/uploads/2009/friendfeed/friendfeed-tweetcopy.gif" alt="FriendFeed screenshot : duplication du message sur Twitter" /></p>
<li>Vous pouvez vous abonner aux &laquo;&nbsp;like&nbsp;&raquo; d&#8217;un utilisateur</li>
<li>Classer les sujets les plus &laquo;&nbsp;likés&nbsp;&raquo; est également possible. Vous pouvez opter pour un tri par Jour/Semaine/Mois</li>
<li>&laquo;&nbsp;Mes discussions&nbsp;&raquo; vous donne l&#8217;accès à tous les sujets auxquels vous avez participé tandis que &laquo;&nbsp;Le meilleur de la journée&nbsp;&raquo; vous permet de voir les sujets qui ont été les plus commentés ou les plus &laquo;&nbsp;likés&nbsp;&raquo;.</li>
<p class="center"><img src="http://all-for-design.com/wp-content/uploads/2009/friendfeed/friendfeed-amis.gif" alt="FriendFeed screenshot : la gestion des discussions" /></p>
<li>FF vous permet d&#8217;envoyer un message à plusieurs personnes en même temps.</li>
<li>Vous pouvez modifier un message qui a déjà été envoyé&#8230; terminé les fautes d&#8217;orthographe !</li>
</ol>
<h3>Quelques astuces et liens utiles pour bien utiliser FriendFeed</H3>
<ul>
<li>Si vous êtes débutant sur FF, vous pouvez consulter la <a href="http://friendfeed.com/about/help" title="FriendFeed Help page">page d&#8217;aide officielle</a></li>
<li>Voir <a href="http://friendfeed.com/public" title="FriendFeed Live!">tous les nouveaux messages postés sur FF</a></li>
<li><a href="http://friendfeed.com/settings/imaginary" title="FriendFeed : je veux des amis!">Créer des amis imaginaires</a></li>
<li>Raccourci pour mettre en pause la mise à jour en continu des message : Q</li>
<li><a href="http://ffcheck.com/" alt="FreiendFeed Bookmarklet">Un bookmarklet utile</a> pour savoir si la page web que vous visitez à déjà été ajoutée à  FF, par qui, à quelle date etc..</li>
<li>Voir <a href="http://friendfeed.com/settings/modifications" title="FriendFeed : activité de vos contacts">l&#8217;historique de l&#8217;activité de vos contacts</a></li>
<li><a href="http://friendfeed.com/la-salle-francophone" title="FriendFeed : la salle Francophone">La salle Francophone FF</a></li>
<li>Voir le <a href="http://friendfeed.com/api/feedtest" title="FriendFeed : Tester vos flux">résultat d&#8217;import d&#8217;un flux</a> avant de passer à l&#8217;action</li>
<li><a href="http://wittman.org/projects/friendfeedtranslate/install/" title="FriendFeed : Langugages">Bookmarklet FriendFeed dans de nombreuses langues</a></li>
<li>Afficher x messages par page : http://friendfeed.com/?num=x</li>
<li>Poster par email sur FF : share@friendfeed.com, et placer votre message dans l&#8217;objet du mail</li>
<li><a href="http://friendfeed.com/embed/link" title="Ajouter FF à votre blog">Ajouter un lien FF sur votre blog</a></li>
<li>Le bookmarklet pour <a href="http://friendfeed.com/share/bookmarklet" title="FF bookmarklet">partager sur FF</a></li>
</ul>
<p>Nombre de ses astuces sont issues du &laquo;&nbsp;<a href="http://friendfeed.com/bromefr/9051f05e/petit-guide-pratique-l-usage-des-nouveaux">Petit guide pratique à l&#8217;usage des nouveaux</a>&raquo;, posté par <a href="http://friendfeed.com/brome" title="Brome sur FriendFeed">Brome</a> sur FriendFeed.</p>
<p>Vous l&#8217;aurez compris, <a href="http://friendfeed.com/">FriendFeed</a> est vraiment un must. Il possède tellement d&#8217;atouts qu&#8217;il devient vite difficile de s&#8217;en passer. Cet outil est si puissant qu&#8217;il peut prendre le dessus sur le reste. J&#8217;ai récemment vu dans les commentaires d&#8217;un blog : <span class="italic">&laquo;&nbsp;la suite des commentaires sur FriendFeed&nbsp;&raquo;</span>. Plus la notoriété de cet outil va grandir et plus il va devenir indispensable pour continuer à suivre vos contacts&#8230; Bref, je pense que nous ne sommes qu&#8217;au début de l&#8217;ascension de cet outil de génie et qu&#8217;on entendra encore longtemps parler de FriendFeed&#8230;
</p>
<div class="post-end-links">
<p class="title">Quelques liens pour finir :</p>
<ul>
<li><a href="http://friendfeed.com/">FriendFeed</a></li>
<li><a href="http://friendfeed.com/allfordesign">All for Design sur FriendFeed</a></li>
<li><a href="http://blog.friendfeed.com/">Le blog officiel de FriendFeed</a></li>
<li><a href="http://mashable.com/2008/10/01/desktop-applications-for-friendfeed/">Mashable : 7 Desktop applications for friendfeed</a></li>
<li><a href="http://www.crazyengineers.com/mr-paul-buchheit-creator-of-gmail-adsense-friendfeed/">L&#8217;interview de Peul Buchheit, le créateur de FriendFeed</a></li>
<li><a href="http://descary.com/le-nouveau-friendfeed-est-officiellement-lance/">Présentation de FF sur Descary</a></li>
<li><a href="http://www.tetedequenelle.fr/2009/06/social-media-parfait-friendfeed/">Tête de Quenelle : FriendFeed, le média social parfait</a></li>
</ul>
</div><!-- /post-end-links-->
]]></content:encoded>
			<wfw:commentRss>http://all-for-design.com/outils/friendfeed-lultime-agregateur-de-medias-sociaux/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Twitter Feed : automatisez vos tweets !</title>
		<link>http://all-for-design.com/outils/twitter-feed-automatisez-vos-tweets</link>
		<comments>http://all-for-design.com/outils/twitter-feed-automatisez-vos-tweets#comments</comments>
		<pubDate>Tue, 19 May 2009 21:57:38 +0000</pubDate>
		<dc:creator>Aure</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://all-for-design.com/?p=162</guid>
		<description><![CDATA[Il existe un service qui va peut-être vous simplifier la vie et vous faire gagner du temps. <a href="http://twitterfeed.com/">Twitter Feed</a> vous permet de lier votre compte Twitter à votre blog pour automatiser la parution d'un <abbr title="message posté sur Twitter">tweet</abbr> dès qu'un article est publié sur votre blog. ]]></description>
			<content:encoded><![CDATA[<p><img class="img-post-title" src="http://all-for-design.com/wp-content/uploads/2009/twitterfeed/twitter-feed-logo.gif" alt="Twitter Feed-logo" title="All for Design_Twitter Feed-logo" width="130" height="130" />Au fil du temps, <a href="http://twitter.com/">Twitter</a> a su s&#8217;imposer pour devenir aujourd&#8217;hui la référence du <abbr title="fait de publier des contenus textuels en format court (moins de 140 à 200 caractères) et sans titre">microblogging</abbr>. Nombreux sont ceux qui s&#8217;en servent comme d&#8217;un outil de communication à part entière.<span id="more-162"></span></p>
<p>Il existe un service qui va peut-être vous simplifier la vie et vous faire gagner du temps. <a  href="http://twitterfeed.com/">Twitter Feed</a> vous permet de lier votre compte Twitter à votre blog pour automatiser la parution d&#8217;un <abbr title="message posté sur Twitter">tweet</abbr> dès qu&#8217;un article est publié sur votre blog. Il vous suffit pour cela de créer gratuitement un compte sur <a href="http://twitterfeed.com/">Twitter Feed</a> pour avoir accès à ce service.</p>
<p><img class="right borderimg" alt="Twitter Feed - screenshot" src="http://all-for-design.com/wp-content/uploads/2009/twitterfeed/twitter-feed-imgpost.jpg" /></p>
<p>L&#8217;interface est simple et efficace. Il existe plusieurs options vous permettant de définir le contenu de vos <abbr title="messages postés sur Twitter">tweets</abbr> automatisés. Vous pouvez reprendre le titre de l&#8217;article venant d&#8217;être publié sur votre blog, opter plutôt pour la description ou bien choisir d&#8217;inclure les deux dans votre <abbr title="message posté sur Twitter">tweet</abbr>.<br/>Vous pouvez également choisir le texte qui précédera le titre de l&#8217;article.</p>
<p>ex : [Nouveau post sur Detruk] suivi du nom de l&#8217;article.</p>
<p>Plusieurs fréquences d&#8217;actualisation sont proposées, le plus court étant 30min. <a href="http://twitterfeed.com/">Twitter Feed</a> vérifiera ainsi les mises à jour de votre blog toutes les demi-heures et créera un <abbr title="message posté sur Twitter">tweet</abbr> pour chaque nouvel article publié.</p>
<p>Si vous possédez plusieurs blogs vous pourrez créer plusieurs flux. Si vous vous posez la question, sachez que ce service est complètement gratuit.</p>
<p> Pour être moi-même un utilisateur de <a href="http://twitterfeed.com/">Twitter Feed</a>, je peux vous confirmer que ce service marche très bien et que j&#8217;en suis maintenant devenu un utilisateur régulier.</p>
<div class="post-end-links">
<p>Quelques liens pour finir :</p>
<ul>
<li><a style="text-decoration: none;" href="http://twitterfeed.com/">Twitter Feed</a>
</li>
<li><a style="text-decoration: none;" href="http://twitter.com/">Twitter</a>
</li>
<li><a style="text-decoration: none;" href="http://twitter.com/detruk">Detruk sur Twitter</a>
</li>
</ul>
</div>
<p><!-- /post-end-links--></p>
]]></content:encoded>
			<wfw:commentRss>http://all-for-design.com/outils/twitter-feed-automatisez-vos-tweets/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web design+ : les standards du web vus par Harry Roberts</title>
		<link>http://all-for-design.com/outils/web-design-les-standards-du-web-vus-par-harry-roberts</link>
		<comments>http://all-for-design.com/outils/web-design-les-standards-du-web-vus-par-harry-roberts#comments</comments>
		<pubDate>Sun, 17 May 2009 19:47:52 +0000</pubDate>
		<dc:creator>Aure</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://all-for-design.com/?p=166</guid>
		<description><![CDATA[Web Design+ est un récapitulatif de bonnes pratiques concernant la création web. Quel doctype choisir, comment améliorer l'accessibilité d'un site, quelles sont les bonnes habitudes lorsqu'on créé un formulaire, quel CSS-reset choisir, etc...]]></description>
			<content:encoded><![CDATA[<p><img class="img-post-title" src="http://all-for-design.com/wp-content/uploads/2009/webdesign+/webdesign+.gif" alt="Webdesign+-logo" title="All for Design_Webdesign+_logo" width="130" height="130" /><a href="http://csswizardry.com/web-design+/">Web Design+</a> est un récapitulatif de bonnes pratiques concernant la création web. Quel doctype choisir, comment améliorer l&#8217;accessibilité d&#8217;un site, quelles sont les bonnes habitudes lorsqu&#8217;on créé un formulaire, quel CSS-reset choisir, etc&#8230;<span id="more-166"></span></p>
<p>Ce petit manuel a été conçu par Harry Roberts, un développeur de 18 ans, exerçant son métier au Royaume-Uni. Malgré son jeune age, Harry possède déjà une bonne maitrise technique puisqu&#8217;il est spécialisé dans les CSS, les standards web, la sémantique XHTML et l&#8217;accessibilité.</p>
<p><img class="right borderimg" alt="Webdesign+ - screenshot" src="http://all-for-design.com/wp-content/uploads/2009/webdesign+/webdesign-toc.gif" /><a href="http://csswizardry.com/web-design+/">Web Design+</a> s&#8217;adresse plutôt à ceux qui connaissent déjà le HTML et les CSS mais qui souhaitent parfaire leur technique en s&#8217;appropriant les bonnes pratiques. Lorsqu&#8217;on parle d&#8217;intégration web, même s&#8217;il existe différentes façons pour aborder un même problème, il y a néanmoins des solutions génériques, propres, respectueuses des standards. Ce sont ces solutions que vous trouverez dans ce guide.</p>
<p>Je sais qu&#8217;il existe de très nombreux documents présentant les standards du web. L&#8217;intérêt de celui-ci réside dans la clarté, la simplicité des explications, l&#8217;étendue des sujets traités et leur côté très pragmatique. C&#8217;est selon moi, un document qui peut s&#8217;avérer très utile en cas de doute sur un problème de construction de page web ou tout simplement pour en apprendre plus sur les standards, la sémantique ou sur l&#8217;accessibilité.</p>
<p><a href="http://csswizardry.com/web-design+/">Web Design+</a> fait partie de <a href="http://csswizardry.com/">CSS Wizardry</a>, le site d&#8217;Harry Roberts sur lequel vous trouverez de nombreuses ressources parmi lesquelles son propre framework css &laquo;&nbsp;<a  href="http://csswizardry.com/typogridphy/">Typogridphy</a>&laquo;&nbsp;, une rubrique &laquo;&nbsp;<a href="http://csswizardry.com/toybox/">Toybox</a>&nbsp;&raquo; où vous trouverez de nombreux <abbr title="Portions de code réutilisables">snippets</abbr> (php, css, xhtml), &laquo;&nbsp;<a href="http://csswizardry.com/cleck/">Clecktionary</a>&nbsp;&raquo; un dictionnaire humoristique dédié aux natifs de la ville de Cleckheaton (UK).</p>
<div class="post-end-links">
<p>Quelques liens pour finir :</p>
<ul>
<li><a style="text-decoration: none;" href="http://csswizardry.com/web-design+/">WebDesign +</a>
</li>
<li><a style="text-decoration: none;" href="http://csswizardry.com/">CSS Wizardry</a>
</li>
<li><a style="text-decoration: none;" href="http://csswizardry.com/portfolio/">Le portfolio d&#8217;Harry Roberts</a>
</li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://all-for-design.com/outils/web-design-les-standards-du-web-vus-par-harry-roberts/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designers Toolbox : une adresse très utile&#8230;</title>
		<link>http://all-for-design.com/outils/designers-toolbox-une-adresse-tres-utile</link>
		<comments>http://all-for-design.com/outils/designers-toolbox-une-adresse-tres-utile#comments</comments>
		<pubDate>Fri, 13 Feb 2009 15:32:47 +0000</pubDate>
		<dc:creator>Aure</dc:creator>
				<category><![CDATA[Outils]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Ressources]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://all-for-design.com/?p=246</guid>
		<description><![CDATA[C'est tout à fait par hasard que je suis tombé sur le site <a target="_blank" href="http://www.designerstoolbox.com">Designers Toolbox</a>. Si vous ne connaissez pas l'endroit, voici le topo : ce site est une véritable boite à outils pour toute personne travaillant dans la création de sites web ou dans le domaine du print.]]></description>
			<content:encoded><![CDATA[<p><img class="img-post-title" src="http://all-for-design.com/wp-content/uploads/2009/designer-toolbox/designer-toolbox-logo.gif" alt="Designer Toolbox-logo" title="All for Design_Designer Toolbox logo" />C&#8217;est tout à fait par hasard que je suis tombé sur le site <a target="_blank" href="http://www.designerstoolbox.com">Designers Toolbox</a>. Si vous ne connaissez pas l&#8217;endroit, voici le topo : ce site est une véritable boite à outils pour toute personne travaillant dans la création de sites web ou dans le domaine du print.<span id="more-246"></span></p>
<p><a target="_blank" href="http://www.designerstoolbox.com">Designers Toolbox</a> se décompose en trois rubriques principales auxquelles s&#8217;ajoute un espace personnel pour les utilisateurs souhaitant ouvrir un compte sur le site.</p>

<p> <img class="left" style="width:150px;" src="http://all-for-design.com/wp-content/uploads/2009/designer-toolbox/design-life-screenshot.jpg" />Dans la rubrique &laquo;&nbsp;<span class="bold">Design Life</span>&nbsp;&raquo;  vous trouverez différents articles traitant du design en général, une sélection hebdomadaire de sites web intéressants etc&#8230; <br/> La partie &laquo;&nbsp;<span class="bold">Store</span>&nbsp;&raquo; sur laquelle vous pourrez acheter de nombreuses ressources telles que des backgrounds format psd, des templates de documents divers et variés (contrats client, contrats de maintenance, devis pour travailleurs freelance etc&#8230;) ainsi que des ressources vectorielles. Autre chose intéressante, le site vous propose un outil pour créer votre portfolio. Je n&#8217;ai pas testé mais le service est gratuit les 15 premiers jours donc ça peut valoir le coup d&#8217;œil&#8230;</p>

<p><img class="right" style="width:150px;" src="http://all-for-design.com/wp-content/uploads/2009/designer-toolbox/design-ressources-screenshot.jpg" alt="Design Ressources Screenshot" />Mais c&#8217;est sans doute la rubrique &laquo;&nbsp;<span class="bold">Design Ressources</span>&nbsp;&raquo; qui est la plus intéressante&#8230; Là c&#8217;est la caverne d&#8217;Ali Baba ! Vous pourrez y trouver de nombreuses ressources entièrement gratuites : Templates pour print (enveloppes de différentes tailles, dossiers, jaquettes de cd/dvd vierges, business cards etc&#8230;) et de nombreux outils pour vous aider dans la création de vos maquettes web.</p>

<p>Pour les Web designers, je vous conseille d&#8217;aller faire un tour sur le lien &laquo;&nbsp;<a target="_blank" href="http://www.designerstoolbox.com/designresources/safearea/">Web Safe Area</a>&nbsp;&raquo; où vous pourrez télécharger gratuitement des templates (format psd) de fenêtres de navigateurs (Safari,Firefox et IE) sur différentes résolutions. Dans le même esprit, via le lien &laquo;&nbsp;<a target="_blank" href="http://www.designerstoolbox.com/designresources/elements/">Web browser elements</a>&laquo;&nbsp;, le site met gratuitement à disposition les psd de tous les éléments pour vos formulaires (boutons radio, check-box, textarea, input-button, input-text, etc&#8230;) sur plusieurs navigateurs et en fonction des systèmes d&#8217;exploitation (XP, Vista, Mac). Ces ressources seront vraiment un gain de temps si vous créez des maquettes web donc n&#8217;hésitez pas à les télécharger, c&#8217;est gratuit !</p>

<p><a style="margin: 0 10px 0 0; text-decoration: none;float: left;" target="_blank" href="http://all-for-design.com/wp-content/uploads/2009/designer-toolbox/designerstoolbox-ressources.jpg"><img alt="Designers Toolbox Ressources" src="http://all-for-design.com/wp-content/uploads/2009/designer-toolbox/designerstoolbox-ressources-small.jpg"/></a>Le site met également de nombreux outils à disposition : une liste des tailles standard des bandeaux web, les éléments graphiques de l&#8217;Iphone (Iphone GUI), un générateur de texte &laquo;&nbsp;lorem ipsum&nbsp;&raquo;, une liste des principaux caractères spéciaux codés en html etc&#8230;</p>

<p>Vous l&#8217;aurez compris, <a target="_blank" href="http://www.designerstoolbox.com">Designers Toolbox</a> est une adresse très utile, ne serait-ce que pour les nombreuses ressources et outils mis gratuitement à votre disposition.</p>
<div class="post-end-links">
<p>Quelques liens pour finir :</p>
<ul>
<li><a style="text-decoration: none;" target="_blank" href="http://www.designerstoolbox.com/">Designers Toolbox : le site</a>
</li>
<li><a style="text-decoration: none;" target="_blank" href="http://www.designerstoolbox.com/designresources/elements/">Designers Toolbox : Web Browser elements</a>
</li>
<li><a style="text-decoration: none;" target="_blank" href="http://www.designerstoolbox.com/designresources/safearea/compare/">Designers Toolbox : Web Safe Area</a>
</li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://all-for-design.com/outils/designers-toolbox-une-adresse-tres-utile/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
