<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Ziki - David Marchesson's last published content</title>
    <link>http://www.ziki.com/en/marchesson+12288</link>
    <pubDate>Wed, 17 Mar 2010 23:38:08 +0100</pubDate>
    <ttl>120</ttl>
    <description>My aggregated content at ziki.com</description>
    <item>
      <title>Des extensions Firefox pour am&#233;liorer votre productivite sur Gmail</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/1o6Xb4DqQlk/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Voici une sélection d’extensions Firefox 3 vous permettant d’améliorer votre expérience utilisateur sur Gmail. J’ai utilisé toutes ces extensions mais à vrai dire aujourd’hui je n’utilise plus que <a href="http://mattconstantine.com/minimalistgmail">Minimalist Gmail</a> car en effet installer trop d’extensions peut nuire à la rapidité du navigateur et à l’utilisation de Gmail. La plupart de ses extensions utilisent des scripts Greasemonkey, ce qui permet de changer l’affichage par défaut de gmail.
</p>
<h3>
  Minimalisme de Gmail
</h3>
<p>
  <a href="http://mattconstantine.com/">Matt Constantine</a> a crée une extension qui enlève tout le bruit de l’interface en laissant apparaitre un bouton dans le coin en haut à droite sur lequel vous pouvez voir toutes les options à cacher. Je trouve que cette extension apporte énormément en terme de lisibilité et de confort de navigation, il est vrai que la pub en moins ainsi que certaines informations du pied de page ne sont vraiment pas nécessaires. Après c’est sûr il va falloir apprendre <a href="http://mail.google.com/support/bin/answer.py?hl=fr&amp;answer=6594">quelques raccourcis clavier</a> pour bénéficier d’un plus grand confort. Voici ci-dessous une copie d’écran avant et après l’activation de l’extension.
</p>
<p>
  <a href="http://mattconstantine.com/minimalistgmail"><img title="gmail-firefox-extension" src="http://www.eclaireur.net/wp-content/uploads/2010/03/gmail-firefox-extension.png" height="449" alt="" width="428" /></a>
</p>
<h3>
  Autres extensions Firefox / Gmail utiles et efficaces
</h3>
<ul>
  <li>
    <a href="https://addons.mozilla.org/fr/firefox/addon/173">Gmail Notifier</a> : Une extension simple qui permet de voir le nombre d’email non lus de la boite de réception et peut même fonctionner sur plusieurs comptes gmail.
  </li>
  <li>
    <a href="https://addons.mozilla.org/en-US/firefox/addon/1320">Gmail Manager</a> : Cette extension est plus complète que la précédente, elle offre la possibilité de visualiser le nombre d’e-mails non lus dans la boîte de réception ainsi que dans les labels (à l’aide d’une alerte visuelle et audio), le nombre de spam, les brouillons, l’espace disque utilisé…
  </li>
  <li>
    <a href="https://addons.mozilla.org/fr/firefox/addon/6076">Better Gmail 2</a> – Une extension Firefox qui combine les meilleurs scripts Greasemonkey pour Gmail et facilite ainsi leur installation. Vous pouvez choisir les fonctionnalités que vous désirez utiliser par une simple interface “checkbox”. Ce que j’apprécie dans cette extension c’est le fait de visualiser les pièces-jointes sous forme d’icône fichier (image, document, zip…).
  </li>
  <li>
    <a href="https://addons.mozilla.org/fr/firefox/addon/9457">Integrated Gmail</a> : ou comment retrouver en un seul endroit Gmail, Google Calendar et Google Reader. Une extension pour les faignants ou ceux qui veulent toujours tout avoir sur le même écran. Je rappelle que via Gmail Labs il est possible d’afficher ses documents ainsi que les événements du calendrier à venir.
  </li>
  <li>Voici d’autres extensions qui sont efficaces : <a href="https://addons.mozilla.org/fr/firefox/addon/8206">WiseStamp Email Signature Gmail</a> : celle-ci ajoute vos signatures de courriels dans Gmail, Yahoo! ou encore Hotmail. Comme d’ailleurs <a href="https://addons.mozilla.org/fr/firefox/addon/7757">Blank Canvas Gmail Signatures</a> qui insère la signature en fonction de l’adresse e-mail d’envoi.
  </li>
</ul>
<h3>
  Et pour les autres ?
</h3>
<p>
  Et pour ceux qui n’aiment pas les extensions ou qui n’ont pas Firefox, n’oubliez pas la fameuse touche ? qui vous permet de lister tous les raccourcis clavier (il faut auparavant activer les raccourcis dans paramétrages). Vous pouvez également découvrir de nouvelles façons d’utiliser Gmail à l’aide des <a href="http://www.eclaireur.net/tutoriaux/5-fonctions-cachees-de-gmail/">5 fonctions cachées de gmail</a>. Si vous aussi vous ne pouvez pas vous passer d’une extension Gmail, partagez-la.
</p>
<p>
  <a name="akst_link_1115" href="http://www.eclaireur.net/?p=1115&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=1o6Xb4DqQlk:ZhB2GPiw73o:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=1o6Xb4DqQlk:ZhB2GPiw73o:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=1o6Xb4DqQlk:ZhB2GPiw73o:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/1o6Xb4DqQlk" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Wed, 17 Mar 2010 23:38:08 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12057832</guid>
    </item>
    <item>
      <title>Les vraies ruptures d&#8217;Internet, passionnante conf&#233;rence de Serge Soudoplatoff</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/yE-8Y9CKqXg/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Lors d’une conférence Les Ernest (une initiative des étudiants de l’Ecole Normale Supérieure), <a href="http://www.almatropie.org/blgg/">Serge Soudoplatoff</a> un passionné d’Internet de la première heure nous livre une conférence de haut niveau sur l’Internet au sens large.<br />
  Énormément de choses sont à retenir de son intervention, il revient notamment sur l’histoire de l’internet avec aujourd’hui son apogée (le véritable succès de l’internet : 1.7 milliard de personnes interconnectées en 20 ans), crowdsourcing, co-design et déplacement de la valeur dans le réseau. Il illustre son propos au travers de plusieurs sites notamment : <a href="http://freebeer.org">freebeer.org</a>, <a href="http://www.crowdspirit.com/">crowdspirit</a>…
</p>
<p>
  <object height="350" width="425">
    
    
    
    
    
    
    
    
    
  </object><br />
  Vu sur <a href="http://www.liberation.fr/medias/06011761-serge-soudoplatoff-les-vraies-ruptures-d-internet">Liberation</a>.
</p>
<h3>
  Plus d’informations
</h3>
<p>
  Je vous conseille d’aller lire le <a href="http://www.almatropie.org/blgg/">blog de Serge Soudoplatoff</a> pour lire des articles tous plus intéressant les uns que les autres. Enfin vous pouvez retrouver l’ensemble des vidéos des conférences <strong>Les Ernest</strong> directement sur <a href="http://www.les-ernest.fr/">leur site</a>.
</p>
<p>
  <a name="akst_link_1101" href="http://www.eclaireur.net/?p=1101&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=yE-8Y9CKqXg:wiRVU1UhWCw:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=yE-8Y9CKqXg:wiRVU1UhWCw:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=yE-8Y9CKqXg:wiRVU1UhWCw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/yE-8Y9CKqXg" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Mon, 15 Mar 2010 09:00:52 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12057834</guid>
    </item>
    <item>
      <title>Proxima mobile: des applications mobiles d&#8217;int&#233;r&#234;t g&#233;n&#233;ral disponibles gratuitement</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/FS8-xG1_NBU/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.proximamobile.fr/"><img title="proxima-mobile-mobile-application-citoyen" src="http://www.eclaireur.net/wp-content/uploads/2010/02/proxima-mobile-mobile-application-citoyen.jpg" height="105" alt="" width="428" /></a>
</p>
<p>
  Nathalie Kosciusko-Morizet vient de lancer un portail gouvernemental, <a href="http://www.proximamobile.fr/">Proxima Mobile</a>. Cet éco-système regroupe plusieurs applications mobiles labellisées à télécharger. Cette plate-forme a pour principal but de faciliter la vie des français dans leur quotidien. Tout le monde peut via cet «&nbsp;App Store gouvernemental&nbsp;» découvrir de nouvelles applications gratuites et utiles. On peut parcourir l’ensemble des applications dans des domaines tels que la vie locale, la culture, le tourisme, la santé, l’emploi ou le développement durable.
</p>
<p>
  Le portail <a href="http://www.proximamobile.fr/">Proxima Mobile</a> démarre avec 80 applications mobiles gratuites d’intérêt général pour smartphone (iPhone, Android ou encore BlackBerry). On retouve même pour certaines application une catégorie webmobile qui indique que cette application est disponible directement depuis internet (avec, suivant les applications, moins de fonctionnalités).
</p>
<h3>
  Les objectifs de Proxima Mobile
</h3>
<ul>
  <li>la création de nouveaux services qui facilitent le quotidien de tous les citoyens,
  </li>
  <li>favoriser le développement de l’écosystème des services sur mobiles,
  </li>
  <li>rassembler des communautés d’utilisateurs pour leur permettre d’exprimer leurs attentes.
  </li>
</ul>
<p>
  Sur ce dernier point une campagne de labellisation a été ouverte afin d’élargir le catalogue d’applications. Les candidats devront être des «&nbsp;services d’intérêt général gratuits, accessibles sur les téléphones mobiles, qui facilitent la vie quotidienne des citoyens&nbsp;», avec «&nbsp;une attention particulière&nbsp;» pour «&nbsp;ceux qui s’adresseront aux personnes fragiles ou en difficulté&nbsp;». L’objectif du gouvernement est même d’envergure européenne, en laissant la possibilité de créer des applications destiné aux pays européens. Je pense sincèrement que c’est une bonne initiative, certains penseront qu’il est serait plus judicieux d’investir l’argent du contribuable dans des projets plus «&nbsp;terre à terre&nbsp;», je pense qu’on jugera de la portée du projet dans moins d’un an.
</p>
<h3>
  Favmob, un annuaire de site mobile
</h3>
<p>
  Je suis en train de travailler sur un annaire mobile <a>favmob</a> qui listerait l’ensemble des applications ou sites mobiles français ou étranger. Il est important que ces sites soient accessibles seulement depuis un mobile et d’une manière ou d’une autre qu’ils offrent un service particulier pour l’utilisateur.
</p>
<p>
  Si vous avez des sites mobiles de références, merci de me les communiquer (en commentaire ou <a href="http://www.eclaireur.net/contact/">email</a>). Je finaliserai le projet dans les prochaines semaines et j’espère atteindre les 150 sites mobiles <img src="http://www.eclaireur.net/wp-includes/images/smilies/icon_wink.gif" alt=";)" />
</p>
<p>
  <a name="akst_link_1097" href="http://www.eclaireur.net/?p=1097&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=FS8-xG1_NBU:j2bojh_026k:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=FS8-xG1_NBU:j2bojh_026k:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=FS8-xG1_NBU:j2bojh_026k:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/FS8-xG1_NBU" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Fri, 19 Feb 2010 15:08:49 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12057836</guid>
    </item>
    <item>
      <title>Comment rendre un design de site horrible</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/pa1-ovKA7rE/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://theoatmeal.com/comics/design_hell"><img title="blog-webdesign-designer" src="http://s302296304.onlinehome.fr/eclaireur/wp-content/uploads/2010/02/blog-webdesign-designer.jpg" height="421" alt="" width="428" /></a><br />
  Une petite <a href="http://theoatmeal.com/comics/design_hell">histoire de relation client/fournisseur</a> racontée en dessin, c’est tellement vrai que cela fait sourire. (Merci Jul pour le lien).
</p>
<p>
  <a name="akst_link_1092" href="http://www.eclaireur.net/?p=1092&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=pa1-ovKA7rE:oHcrTsWH9vU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=pa1-ovKA7rE:oHcrTsWH9vU:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=pa1-ovKA7rE:oHcrTsWH9vU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/pa1-ovKA7rE" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Wed, 09 Dec 2009 09:43:06 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/11969357</guid>
    </item>
    <item>
      <title>Comment rendre un design de site horrible</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/pa1-ovKA7rE/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://theoatmeal.com/comics/design_hell"><img title="blog-webdesign-designer" src="http://www.eclaireur.net/wp-content/uploads/2009/12/blog-webdesign-designer.jpg" height="421" alt="blog-webdesign-designer" width="428" /></a>
</p>
<p>
  Une petite <a href="http://theoatmeal.com/comics/design_hell">histoire de relation client/fournisseur</a> racontée en dessin, c’est tellement vrai que cela fait sourire. (Merci Jul pour le lien).
</p>
<p>
  <a name="akst_link_1090" href="http://www.eclaireur.net/?p=1090&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=pa1-ovKA7rE:1uttZXZ4NgA:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=pa1-ovKA7rE:1uttZXZ4NgA:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=pa1-ovKA7rE:1uttZXZ4NgA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/pa1-ovKA7rE" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Tue, 08 Dec 2009 23:50:37 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/11404127</guid>
    </item>
    <item>
      <title>Hype : un framework Flash pour faciliter le d&#233;veloppement en AS3</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/rEDxnmQtCiQ/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://hype.joshuadavis.com/"><img title="flash-as3-hype-framework" src="http://www.eclaireur.net/wp-content/uploads/2009/11/flash-as3-hype-framework.jpg" height="238" alt="flash-as3-hype-framework" width="428" /></a>
</p>
<p>
  Le talentueux artiste <a href="http://www.joshuadavis.com/">Joshua Davis</a> qui a énormément contribué à ma passion pour la technologie Flash revient avec un nouveau Framework pour programmer plus facilement en actionScript 3.
</p>
<p>
  A l’instar de jQuery, avec <a href="http://hype.joshuadavis.com/">Hype</a> vous pouvez coder rapidement et simplement en AS3. Joshua Davis prend comme exemple le simple script d’un clip suivant la souris. En AS2, ce script fait 5 lignes, 7 en AS3 et seulement 3 avec HYPE.
</p>
<p>
  Les Flash designers qui étaient habitués à travailler en ActionScript2 ont eut l’impression de ne plus savoir coder lors du passage de Flash en ActionScript3. Il est vrai que le langage AS3 est plus robuste en revanche il n’accepte plus certaines approximations du langage AS2. En tout cas <a href="http://hype.joshuadavis.com/">Hype</a> ravira les designers qui hésitaient encore à passer en AS3.
</p>
<p>
  <a name="akst_link_1085" href="http://www.eclaireur.net/?p=1085&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=rEDxnmQtCiQ:twPjWIf-fec:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=rEDxnmQtCiQ:twPjWIf-fec:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=rEDxnmQtCiQ:twPjWIf-fec:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/rEDxnmQtCiQ" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Mon, 02 Nov 2009 17:08:03 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/11269614</guid>
    </item>
    <item>
      <title>Acad&#233;mie Google Adwords &#224; Bordeaux</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/ZADymIeJ7Fs/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://go2.wordpress.com/?id=725X1342&amp;site=echangeurba.wordpress.com&amp;url=http%3A%2F%2Fwww.bordeaux-ecobiz.biz%2Fccib%2Flbzbcagenda.nsf%2F844537b7acb0b3c6c12573e70054a1d7%2Faa9ada90c3b6c29fc12576240035f7b1%3FOpenDocument"><img title="google-adwords-academie" src="http://www.eclaireur.net/wp-content/uploads/2009/10/google-adwords-academie.jpg" height="105" alt="google-adwords-academie" width="428" /></a>
</p>
<p>
  L’Académie Google Adwords fait escale à Bordeaux ce <strong>Jeudi 15 octobre</strong>. Cette journée gratuite de formation, à l’attention des professionnels de la communication ou bien des PME, commerçants ou artisants soucieux du bon fonctionnement de leurs pubicités, sera l’occasion de faire le point sur les différents services google dédiés à l’entreprise.
</p>
<p style="text-align: justify;">
  Toutes les conférences seront animées par les experts de Google. Entre autre, vous pourrez découvrir :
</p>
<ul>
  <li>Google Analytics
  </li>
  <li>Nouveaux formats de Publicité Online
  </li>
  <li>Search Marketing
  </li>
  <li>Google Adwords
  </li>
  <li>Quels mots clés tapent les internautes dans le moteur ?
  </li>
  <li>Quel investissement pour être visible ? Et quels retours en attendre ?…..
  </li>
</ul>
<p>
  Personnellement je n’y suis jamais allé, je pense que c’est une formation assez complète pour découvrir les outils Google liés à la publicité en ligne. Pour ceux qui connaissent déjà bien ces outils vous n’apprendrez pas forcément grand chose (si ce n’est les nouveaux formats de pub Google : les pubs display). L’autre avantage est d’avoir quelqu’un de chez Google afin de lui poser des questions précises sur vos campagnes publicitaires.
</p>
<h3>
  Pour plus d’information
</h3>
<p>
  <span>Web : <a href="http://www.bordeaux-ecobiz.biz/ccib/lbzbcagenda.nsf/844537b7acb0b3c6c12573e70054a1d7/aa9ada90c3b6c29fc12576240035f7b1?OpenDocument" title="Echangeur Bordeaux Aquitaine">Echangeur Bordeaux Aquitaine</a></span> <span><strong><br /></strong>Courriel : <a href="mailto:crequena@bordeaux.cci.fr">crequena@bordeaux.cci.fr</a></span><br />
  <span>Tél : 05 56 79 44 48</span>
</p>
<p>
  <a name="akst_link_1076" href="http://www.eclaireur.net/?p=1076&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=ZADymIeJ7Fs:WHNUWCJnH1Q:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=ZADymIeJ7Fs:WHNUWCJnH1Q:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=ZADymIeJ7Fs:WHNUWCJnH1Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/ZADymIeJ7Fs" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Mon, 12 Oct 2009 10:49:43 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/11080188</guid>
    </item>
    <item>
      <title>Les framework CSS pour d&#233;velopper des sites plus rapidement</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/u4n7mTL-v0c/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Après cette longue absence, je reviens avec une méthodologie que j’intègre peu à peu dans les conceptions web : les <a href="http://fr.wikipedia.org/wiki/Framework">frameworks</a> CSS et la notion de <strong>Grid</strong>. Il existe des frameworks pour développer plus rapidement en Ajax, PHP, Javascript ou en HTML. Mais depuis 6 mois les frameworks CSS ont connu une nouvelle expension. Pourquoi ces outils sont-ils tendances? Peut-être parce qu’ils simplifient la création des pages en proposant une nouvelle façon de travailler. Petit tour d’horizon.
</p>
<h3>
  Piqure de rappel
</h3>
<p>
  Les feuilles de style CSS (<em>Cascading Style Sheets</em>) permettent de travailler sur le design des pages. Elles assurent une meilleure accessibilité, évolutivité et optimisent également le chargement des pages. Les <a href="http://fr.wikipedia.org/wiki/Framework">frameworks</a> CSS sont une collection de feuilles de style qui nous permettent de concevoir rapidement une mise en page aussi bien pour un template simple (header, 2 colonnes, footer) que pour des modèles de page complexes (header, multi-colonnes, multi-bloc, elastique, footer).
</p>
<p>
  J’ai découvert il y a quelques mois le système de Grilles (Grid System) qui présente de nombreux avantages :
</p>
<ul>
  <li>
    <em>Normalisation des placements</em> : tous les éléments sont placés selon des tailles de bloc et non des pixels
  </li>
  <li>
    <em>Uniformité</em> : les grilles fournissent une cohésion dans le placement des différents éléments
  </li>
  <li>
    <em>Maintenance</em> : elles réduisent le temps de développement lors de la redéfinition de certains styles visuels ou de repositionnement d’éléments
  </li>
  <li>
    <em>Efficacité</em> : elles sont cross-browser; elles sont testées et sont compatibles sur la plupart des navigateurs actuels et anciens
  </li>
</ul>
<h3>
  Etat des lieux des framework CSS
</h3>
<p>
  Les frameworks qui sortent du lot sont :
</p>
<ul>
  <li>
    <a href="http://www.blueprintcss.org/">Blueprint</a>
  </li>
  <li>
    <a href="http://960.gs/">960 Grid System</a>
  </li>
  <li>
    <a href="https://developer.yahoo.com/yui/grids/">YUI Grid CSS</a>
  </li>
  <li>
    <a href="http://sencss.kilianvalkhof.com/">SenCSs</a>
  </li>
</ul>
<p>
  A ce jour, le plus répandu est surement <a href="http://www.blueprintcss.org/">Blueprint</a> car il a une grosse communauté qui pousse le projet en l’utilisant et en créant des modules. Après je mettrai <a href="http://960.gs/">960 Grid System</a> et <a href="https://developer.yahoo.com/yui/grids/">YUI Grid CSS</a> au deuxième plan. Les deux frameworks sont différents mais possèdent une bonne aura et beaucoup de développeurs les ont adoptés. Enfin <a href="http://sencss.kilianvalkhof.com/">SenCSs</a> est un framework CSS qui ne gère pas la mise en page mais les styles, à découvrir comme tant d’autres. Il existe en effet de plus en plus de framework CSS, en voici <a href="http://www.tripwiremagazine.com/tools/design/45-css-grid-systems-layout-generators-and-tutorials-that-every-designer-should-know.html">une liste de 45 avec quelques générateurs</a>.
</p>
<h3>
  Une fois le pas franchi…
</h3>
<p>
  Dès que vous aurez choisi un système de grid, c’est comme l’adopter. Le code HTML et les balises CSS ne changent pas fondamentalement, ils évoluent. En revanche les frameworks CSS sont très différents les uns par rapport aux autres. Il vous faudra quelques heures ou quelques jours pour être capable de bien les cerner. Et vous avez-vous franchi le pas avec les frameworks et les Grids ?
</p>
<h3>
  Pour aller plus loin
</h3>
<ul>
  <li>
    <a href="http://www.emmanuelgeorjon.com/les-frameworks-css-42/">Les frameworks CSS</a> : Cet article d’Emmanuel Georjon date de 2008 mais explique très clairement le concept de Grid.
  </li>
  <li>
    <a href="http://www.themasterblog.com/the-best-fluid-css-grid/">The Best Fluid CSS Grid</a> : Un article sur le deisgn fluide à l’aide de Grid
  </li>
  <li>
    <a href="http://net.tutsplus.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/">Which CSS grid framework ?</a> : un article qui compare les différentes solutions pour créer des sites à base de framework
  </li>
  <li>
    <a href="http://developer.yahoo.com/yui/grids/builder/">Yahoo Builder</a> : Un générateur qui permet de créer en 2 coups de cuillère à pot un modèle de page basé sur YahooUI (YUI)
  </li>
  <li>
    <a href="http://kematzy.com/blueprint-generator/">BluePrint CSS Builder</a> : Une version similaire de générateur pour BluePrint
  </li>
  <li>
    <a href="http://designshack.co.uk/gallery/layout/grid/">Designshack Grid</a> : Une section de cette galerie renferme de jolis sites réalisés à base de grid
  </li>
</ul>
<p>
  <a name="akst_link_1070" href="http://www.eclaireur.net/?p=1070&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=u4n7mTL-v0c:awNZ7skZH8c:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=u4n7mTL-v0c:awNZ7skZH8c:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=u4n7mTL-v0c:awNZ7skZH8c:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/u4n7mTL-v0c" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Tue, 22 Sep 2009 09:26:49 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/10902487</guid>
    </item>
    <item>
      <title>Balsamiq Mockup : si on dessinait des applications ?</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/F3cYelS5Y-I/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Merci <a href="http://www.jardindunet.com/">Arnaud</a> pour cette découverte assez déroutante. Il s’agit de <a href="http://www.balsamiq.com/products/mockups">Balsamiq Mockup</a>, un outil online de conception de wireframes avec un style «&nbsp;crayonné&nbsp;». Vous pouvez créer une panoplie de dessins d’application (<em>wireframe</em>) en glissant et déposant des éléments dans l’interface. Cette application web réalisée en Flash est un modèle de simplicité, vous vous y retrouvez très rapidement et dessiner une application devient un jeu d’enfant.
</p>
<p>
  <a href="http://www.balsamiq.com/products/mockups"><img title="balsamiq-mockups-wireframe-draft" src="http://www.eclaireur.net/wp-content/uploads/2009/07/balsamiq-mockups-wireframe-draft.jpg" height="224" alt="balsamiq-mockups-wireframe-draft" width="428" /></a>
</p>
<p>
  Le plus fort c’est que derrière cette application se cache juste un homme : Giacomo Guilizzoni. Et vu la qualité du développement je vous invite à aller tester <a href="http://www.balsamiq.com/products/mockups">Balsamiq Mockup</a> ou bien simplement regarder les <a href="http://www.balsamiq.com/products/mockups/examples">exemples de réalisation</a> pour vous faire une idée.
</p>
<p>
  Pour aller plus loin dans l’utilisation de cet outil. Vous pouvez vous rendre sur le blog superfiction : <a href="http://www.superfiction.net/blog/index.php?2008/10/08/318-les-outils-online-de-conception-de-wireframes-3-5-utiliser-balsamiq-mockups">Les outils online de conception de wireframes (3/5) : utiliser Balsamiq Mockups</a>.
</p>
<p>
  Il existe d’autres applications du même genre : <a href="http://www.gliffy.com/">Gliffy</a>, <a href="http://iplotz.com/index.php">iplotz</a>, <a href="http://www.evolus.vn/Pencil/Home.html">Pencil Project</a>, <a href="http://templatr.cc/">Templatr</a>, <a href="http://www.protoshare.com/">ProtoShare</a> ou encore <a href="http://www.carettasoftware.com/">Caretta GUI Design Studio</a>.
</p>
<p>
  <a name="akst_link_1061" href="http://www.eclaireur.net/?p=1061&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=F3cYelS5Y-I:R9-fsIcbQfM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=F3cYelS5Y-I:R9-fsIcbQfM:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=F3cYelS5Y-I:R9-fsIcbQfM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/F3cYelS5Y-I" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Thu, 16 Jul 2009 09:51:11 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/10313003</guid>
    </item>
    <item>
      <title>Galaxie opensource : Open Web Tools Directory par Mozilla</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/TgJMPO7ntjE/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Il est parfois difficile de se retrouver dans la masse d’outils open source pour le développement qui existe sur le web. Grâce à une idée originale de Mozilla, retrouvez les applications sur <a href="http://tools.mozilla.com/">tools.mozilla.com</a>. Elle sont présentées dans l’espace et se placent aléatoirement dans votre fenêtre. Vous aurez surement l’occasion de découvrir comme moi des outils que je ne connaissais pas : <a href="http://www.lamberta.org/blog/doodle/">Doodle</a> (pour l’objet Canvas), <a href="http://www.westciv.com/style_master/">Style Master</a> (pour les CSS) ou encore <a href="http://favicon-generator.org/editor/">Favicon-generator</a> (pour les favicons).<br />
  <a href="http://tools.mozilla.com/"><img title="openweb-directory-mozilla" src="http://www.eclaireur.net/wp-content/uploads/2009/07/openweb-directory-mozilla.jpg" height="242" alt="openweb-directory-mozilla" width="428" /></a>
</p>
<p>
  <a name="akst_link_1055" href="http://www.eclaireur.net/?p=1055&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=TgJMPO7ntjE:Gqj9DWoh2dE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=TgJMPO7ntjE:Gqj9DWoh2dE:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=TgJMPO7ntjE:Gqj9DWoh2dE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/TgJMPO7ntjE" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Tue, 07 Jul 2009 19:12:29 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/10275201</guid>
    </item>
    <item>
      <title>iScriba une solution web pour g&#233;rer vos devis et vos factures</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/BVcrBo5MumE/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.iscriba.com"><img title="isriba-facturation-internet" src="http://www.eclaireur.net/wp-content/uploads/2009/07/isriba-facturation-internet.jpg" height="235" alt="isriba-facturation-internet" width="428" /></a>
</p>
<p>
  <a href="http://www.iscriba.com">iScriba</a> est un nouveau service en ligne qui vous permettra de créer, éditer, partager et envoyer vos devis et factures directement depuis Internet. Destiné aux indépendants, auto-entrepreneur ainsi qu’aux PME, ce service a été crée par des entrepreneurs à la recherche de la solution idéale de gestion de la facturation.
</p>
<p>
  Vous aurez la possibilité de
</p>
<ul>
  <li>créer des documents : ajouter, déplacer, supprimer des lignes à la volée et configurer vos paramètres globalement ou au cas par cas.
  </li>
  <li>Gérer vos encaissements : Un suivi des règlements client aisé grâce à la gestion des paiements partiels et des crédits.
  </li>
  <li>Envoyer vos documents : personnaliser le texte, sélectionner les destinataires et joignez un PDF en quelques instants.
  </li>
  <li>Facturation récurrente : Créez un modèle de facture, définissez sa fréquence, associez un client : vous obtenez une facture récurrente !
  </li>
</ul>
<p>
  J’ai testé le service et pour l’utiliser pleinnement il faut tout intégrer, les factures en cours, les prochains devis, les clients…. Après l’autre problème réside dans la sécurité, car on délivre beaucoup d’informations sensibles à la société <a href="http://www.deckmatt.com">Deckmatt</a>, la société éditrice de cette application web. En tout cas iScriba est conçu pour vous faire gagner du temps. Du devis à la facture, en passant par le bon de commande et le bon de livraison, je pense que c’est une des applications web les plus simple à utiliser et en français en plus.
</p>
<p>
  Dans le même genre il existe une application fonctionnant sous Adobe AIR pour générer directement vos factures suivant les temps passés sous Google Calendar : <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10021&amp;marketplaceid=1">Google Calendar Invoice Creator</a>. Cette application AIR filtre les projets suivant les titres des rendez-vous et calcule ainsi le temps passé sur chaque projet.
</p>
<p>
  <a name="akst_link_1047" href="http://www.eclaireur.net/?p=1047&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=BVcrBo5MumE:Pgt2K_oN6Is:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=BVcrBo5MumE:Pgt2K_oN6Is:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=BVcrBo5MumE:Pgt2K_oN6Is:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/BVcrBo5MumE" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Fri, 03 Jul 2009 15:03:28 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/10248925</guid>
    </item>
    <item>
      <title>2 plugins Firefox : Page Speed contre YSlow</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/nRlwIiFIu5c/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  On pourrait dire aussi Google contre Yahoo, en effet ces 2 extensions <a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a> (<a href="http://code.google.com/speed/page-speed/">documentation Page Speed</a>) et <a href="http://developer.yahoo.com/yslow/">YSlow</a> (<a href="http://developer.yahoo.com/yslow/help/">documentation YSlow</a>) sont toutes les deux des extensions Firefox qui rajoute une couche d’optimisation à <a href="http://getfirebug.com/">Firebug</a>.
</p>
<p>
  Pour ceux qui ne connaissent pas Firebug, je vous conseille de lire l’article d’Eric Pommereau : <a href="http://eric-pommereau.developpez.com/tutoriels/outil-web/firebug/">Maîtriser Firebug, l’indispensable extension Firefox pour le développement web</a>. Il y présente les principales fonctionnalités et explique de manière précises les subtilités de Firebug.
</p>
<h3>
  Yahoo et YSlow pour smushit
</h3>
<p>
  Yahoo a développé l’extension <a href="http://developer.yahoo.com/yslow/">YSlow</a> qui intègre des outils d’optimisation de site. Personnellement je trouve l’outil smushit (acheter par Yahoo) est excellent pour optimiser les images d’une page. Mais pour l’optimisation d’une maière générale Google frappe encore fort et déloge YSlow grâce à la pertinence des contrôles de <a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a>.
</p>
<h3>
  Google et Page Speed pour l’optimisation
</h3>
<p>
  <a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a> est essentiellement un outil qui vous aidera à améliorer les performances de chargement de votre site web. Après l’avoir exécuté, vous verrez une liste avec tous les facteurs susceptibles de rendre votre site plus rapide au chargement, avec une image illustrant chaque contrôle (gzip, cookie, image, cache, mise en cache proxy, DNS, CSS, Javascript…). Les évaluations sont notées selon quatre niveaux : haute priorité, priorité moyenne, correct, et message d’information. Ce qui permet d’identifier rapidement les optimisations à effectuer.
</p>
<p>
  <img title="page-speed-google-firefox-extension" src="http://www.eclaireur.net/wp-content/uploads/2009/06/page-speed.png" height="459" alt="page-speed-google-firefox-extension" width="480" />
</p>
<p>
  De plus une autre fonction (<strong>page speed activity</strong>) permet de suivre en temps réel les appels http du navigateur avec une représentation graphique du temps des connexions, de la résolution de DNS, du chargement des médias, de l’exécution de javascript, etc afin de mieux se rendre compte en live du chargement des fichiers liées à la page web.
</p>
<h3>
  Le petit plus de Google à destination des développeurs
</h3>
<p>
  Le bonus, Google publie également un ensemble de <a href="http://code.google.com/intl/fr/speed/page-speed/docs/rules_intro.html">meilleures pratiques en matière de performance Web</a>. Ces documents expliquent clairement la bonne démarche en matière d’optimisation de bande passante (images, css…). Je trouve ce genre d’initiative très intéressante de la part de google, tous les développeurs devraient tester cette extension <a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a> car on oublie assez souvent que les utilisateurs n’ont pas forcément le même débit, la même taille d’écran…
</p>
<p>
  <a name="akst_link_1038" href="http://www.eclaireur.net/?p=1038&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=nRlwIiFIu5c:-NjzmZOxpVM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=nRlwIiFIu5c:-NjzmZOxpVM:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=nRlwIiFIu5c:-NjzmZOxpVM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/nRlwIiFIu5c" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Wed, 17 Jun 2009 09:30:56 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/10145699</guid>
    </item>
    <item>
      <title>HTML 5, un grand pas vers le web de demain</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/Oq7Sp-ihdWg/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Google a récemment clôturé sa conférence développeurs, on peut retenir choses importantes : Wave, le futur service de communication de Google ainsi que les avancées des navigateurs <a href="http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html">Chrome</a>, Firefox, Safari et Opera qui prennent d’assaut le développement du HTML5 et des normes ouvertes. Il est clair que les spécifications complètes du HTML5 devraient être terminées qu’au mieux fin 2010 en revanche cela n’empêche pas l’intégration dans les navigateurs. Seul Internet Explorer reste encore sur le banc de touche bien que Microsoft prévoit de s’y mettre aussi «&nbsp;Nous attendons les preuves de cet engagement avec impatience&nbsp;» a lancé Gundotra.<br />
  <img title="browser-innovation-chrome-safari" src="http://www.eclaireur.net/wp-content/uploads/2009/06/browser-innovation-chrome-safari.jpg" height="328" alt="browser-innovation-chrome-safari" width="433" />
</p>
<h3>
  HTML5 le nouveau moteur du web
</h3>
<p>
  HTML5 deviendra au fil du temps le format des pages Web pour succéder à l’actuelle version 4.0.
</p>
<h3>
  Nouvelles balises, meilleure interprétation sémantique
</h3>
<p>
  HTML5 adopte un certain nombre de nouvelles balises et attributs qui reflètent mieux la façon dont les sites internet sont découpés. Beaucoup de nouvelles balises des remplacements sémantiques des blocs génériques (&lt;div&gt;) et en ligne (&lt;span&gt;). Par exemple l’élément &lt;nav&gt; est destiné à un menu de navigation et &lt;footer&gt; pour le pied de page. Ces balises remplacent les &lt;div id=&nbsp;»menu&nbsp;»&gt; ou &lt;div id=&nbsp;»footer&nbsp;»&gt; que nous trouvons sur 80% des sites modernes.
</p>
<p>
  Après nous avons l’arrivée d’éléments qui vont nous donner de nouvelles fonctionnalités tels que le et (<a href="http://www.mozbox.org/jdll/video.xhtml">exemple de vidéo avec Firefox 3.1</a>). La 3D commence également à faire son apparition dans les spécifications.
</p>
<p>
  HTML5 permet également en vrac :
</p>
<ul>
  <li>de stocker des données sur la machine et de les exploiter offline,
  </li>
  <li>se situer géographiquement via les bornes Wi-Fi,
  </li>
  <li>de dessiner ou améliorer la disposition des images à l’aide de la balise &lt;canvas&gt;,
  </li>
  <li>éditer du contenu directement depuis la page,
  </li>
  <li>des actions de glisser et déposer,
  </li>
  <li>gestion de l’historique du navigateur,
  </li>
  <li>d’éviter de bloquer le navigateur lors d’exécution de tâches assez lourdes avec les Web Workers, etc.
  </li>
</ul>
<h3>
  Pour conclure
</h3>
<p>
  HTML5 va redéfinir la manière dont les développeurs web vont marquer le contenu. De ce fait HTML5 permettra de mieux décrire le contenu affiché sur une page web, plus complexe, permettent les types de contenu, d’améliorer les médias et le support des applications web, et d’accroître l’interopérabilité des documents HTML.
</p>
<ul>
  <li>
    <a href="http://www.whatwg.org/specs/web-forms/current-work/">Specifications pour le formulaires</a> : changements importants à prévoir pour les formulaires
  </li>
  <li>
    <a href="http://www.scriptol.fr/webmaster/html5.php">HTML 5, le futur du Web</a> : découverte de l’HTML5
  </li>
  <li>
    <a href="http://ljouanneau.com/blog/post/2008/01/24/749-changements-ie8-et-le-doctype-switching">Changements</a> : IE8 et le doctype switching
  </li>
  <li>
    <a href="http://dev.w3.org/html5/" title="http://dev.w3.org/html5/">HTML 5 drafts</a> : document de référence sur w3.org
  </li>
  <li>
    <a href="http://www.whatwg.org/specs/web-apps/current-work/">WHATWG Current draft</a> : document de travail sur whatwg.org
  </li>
  <li>
    <a href="http://www.w3.org/html/wg/" title="http://www.w3.org/html/wg/">W3C HTML Working Group</a> : document de travail sur w3.org
  </li>
  <li>
    <a href="http://www.w3.org/html/wg/html5/diff/" title="http://www.w3.org/html/wg/html5/diff/">Differences from HTML 4</a> : les «&nbsp;grosses&nbsp;» différences différence en la version 4 et 5
  </li>
  <li>
    <a href="http://www.readwriteweb.com/archives/5_exciting_things_in_html_5.php">5 Exciting Things to Look Forward to in HTML 5</a> : découverte du HTML5 en 3 parties sur readwriteweb.com
  </li>
  <li>
    <a href="http://www.whatwg.org/specs/web-apps/current-work/" title="HTML 5 WHATWG">La spécification HTML 5 par le WHATWG</a> : Réalisée par Ian Hickson.
  </li>
  <li>
    <a href="http://www.w3.org/html/wg/html5/" title="HTML 5 W3C">La spécification HTML 5 par le W3C</a> : Le W3C reprend le travail sur HTML en se basant sur le document du WHATWG. Même auteur.
  </li>
  <li>
    <a href="http://developer.mozilla.org/fr/docs/Tutoriel_canvas" title="Canvas">Canvas</a> : Canvas est déjà implémenté dans Firefox et Safari. Tutoriel et exemples.
  </li>
</ul>
<p>
  <a name="akst_link_1031" href="http://www.eclaireur.net/?p=1031&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=Oq7Sp-ihdWg:TGobK55dk-Q:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=Oq7Sp-ihdWg:TGobK55dk-Q:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=Oq7Sp-ihdWg:TGobK55dk-Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/Oq7Sp-ihdWg" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Sun, 07 Jun 2009 12:29:10 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/10050700</guid>
    </item>
    <item>
      <title>Microsoft et Wolfram d&#233;fient le moteur Google qui fait des vagues</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/IUr5YvzNhWs/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  L’actualité autour des moteurs de recherche a rarement été aussi dense. Trois nouveaux projets sortent dans les jours ou mois à venir. Mais il est encore trop tôt pour parier sur la fin de l’hégémonie de Google dans les année à venir. En tout cas Google aura deux nouveaux prétendants Bing et Wolfram.
</p>
<h3>
  Wolfram Alpha : naissance d’un moteur de recherche encyclopédique
</h3>
<p>
  Il est clair qu’il faut innover pour se démarquer du moteur de Google, c’est le pari qu’a fait Stephen Wolfram qui est un spécialiste de la modélisation. Avec des algorithmes mathématiques combinés à de l’analyse sémantique, le moteur qu’il a développé peut comprendre des questions et donner la réponse précise. Certains le présente comme le Google ou le Wikipédia de demain, il est vrai qu’il représente beaucoup d’espoir de voir les recherches web se simplifier encore plus. On peut par exemple faire des conversions en tout genre (date, monnaie, distances…), des comparaisons et autres calculs mathématiques. Je vous invite à aller faire un tour et voir les exemples de recherche disponibles sur la page d’accueil : <a href="http://www95.wolframalpha.com/">http://www95.wolframalpha.com/</a> c’est assez incroyable.
</p>
<h3>
  Microsoft et son défi technologique
</h3>
<p>
  Après MSN, Live Search et les tentatives de rachat de Yahoo, Microsoft n’a jamais vraiment inquiété Google mais il pense avoir trouver un moyen de se faire une place dans les moteurs de recherche. En effet le tout nouveau moteur <a href="www.bing.com">bing.com</a> est selon Microsoft un «&nbsp;moteur de décision&nbsp;» qui aidera l’internaute à explorer, chercher, et trouver ce qu’il souhaite. Le service sera proposé en version bêta (test) dans les autres pays, dont la France à partir de mercredi.<br />
  Google n’est pas prêt de se sentir attaqué par ce nouveau moteur à la sauce Microsoft mais il pourrait bien mettre en difficulté les moteurs d’AOL, Ask.com ou même Yahoo. A suivre de près également.
</p>
<h3>
  Avec Wave, Google veut ré-inventer l’email
</h3>
<p>
  Google vient de secouer le Web avec Wave, présentée lors de sa conférence développeurs, I/O de San Francisco. Les ingénieurs ont essayé de concevoir l’email d’aujourd’hui. Un outil de communication capable de tout faire ou presque.<br />
  <object height="350" width="425">
    
    
    
    
    
  </object>
</p>
<p>
  <a name="akst_link_1028" href="http://www.eclaireur.net/?p=1028&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=IUr5YvzNhWs:6DveAAERu2Q:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=IUr5YvzNhWs:6DveAAERu2Q:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=IUr5YvzNhWs:6DveAAERu2Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/IUr5YvzNhWs" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Mon, 01 Jun 2009 06:58:58 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/9993855</guid>
    </item>
    <item>
      <title>Storytlr et Tumblr ouvrent de nouvelles possibilit&#233;s d&#8217;expression online</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/J1gXjN8yEeg/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Depuis quelques mois avec les avancées d’outils comme <a href="http://twitter.com/flashxman">Twitter</a> ou bien la profusion des réseaux sociaux tels que Facebook, on remarque que les blogs sont de moins en moins fréquemment alimentés et que les <a href="http://www.eclaireur.net/internet/gestion-de-votre-lifestream-avec-des-services-web/">services de Lifestream</a> ou pages personnelles font leur apparition.
</p>
<h3>
  La fin des blogs?
</h3>
<p>
  Les outils de microblogging sont souvent présentés comme le <a href="http://www.eclaireur.net/tag/futur/" title="Voir les articles taggés avec futur">Futur</a>. Or, depuis la découverte de <a href="http://www.tumblr.com">Tumblr</a> ou <a href="http://www.storytlr.com">Storytlr</a> il y a quelques mois, je pense que la tendance est sur le point de changer. En effet il y a quelques années, le blog était le carrefour de notre identité numérique sur internet; il centralisait presque toute notre information.<br />
  Mais depuis 2008, la moindre pensée (de mois de 140 caractères) est diffusée sur internet (via <a href="http://twitter.com" title="Twitter">Twitter</a>, Jaiku…) ainsi que nos photos (<a href="http://www.flickr.com/" title="Flickr">Flickr</a>, <a href="http://picasa.google.com/" title="Picasa">Picasa</a>, etc), notre radio (Last.fm), nos liens (Delicious…), notre position géographique… Le seul moyen de réunir tout cette quantité de données publiques est un <a href="http://www.eclaireur.net/internet/gestion-de-votre-lifestream-avec-des-services-web/">service de LifeStream</a> qui vous permet de regrouper toute votre “vie numérique” en un seul et même lieu. Et ce lieu n’est pas forcément un blog, cela peut être un site dédié (<a href="http://storytlr.com/">storytlr.com</a>) ou bien un flux (<a href="http://www.friendfeed.com">FriendFeed</a>).
</p>
<h3>
  Tumblr entre <a href="http://www.eclaireur.net/tag/twitter/" title="Voir les articles taggés avec twitter">twitter</a> et le blog
</h3>
<p>
  <a href="http://www.tumblr.com">Tumblr</a> est un service qui est à la croisée des chemins de <a href="http://www.eclaireur.net/tag/twitter/" title="Voir les articles taggés avec twitter">Twitter</a> et des plateformes de blog. En effet il reprend à <a href="http://www.eclaireur.net/tag/twitter/" title="Voir les articles taggés avec twitter">Twitter</a> sa simplicité de mettre en ligne des messages ou des citations. D’un autre coté, on peut mettre des vidéos, des images ou des textes non limités en nombre de caractères comme sur un blog. Voir un exemple de tumbleblog (le nom donné ou blog de Tumblr): <a href="http://tssvideo.tumblr.com/">tssvideo</a>.
</p>
<p>
  Tumblr est un service de publication rapide, vous pouvez l’utiliser de façon nomade avec votre téléphone ou bien vous pouvez à l’aide d’un Tumblet (bouton inséré à la barre de navigation de <a href="http://www.eclaireur.net/tag/firefox/" title="Voir les articles taggés avec Firefox">Firefox</a>) poster instantanément une citation, une photo, une vidéo trouvée sur le net en quelques secondes.
</p>
<h3>
  L’idée originale de Storytlr
</h3>
<p>
  <a href="http://storytlr.com/">storytlr.com</a> permet de rassembler photos, vidéos, tweet sur un seul et même site. En effet un grand nombre de nos activités sont liées à ces différents médias. Par exemple lors d’une conférence on peut prendre des photos, des vidéos, écrire un article sur son blog et tweeter en direct autour de cet évènement. Il est normal que toutes ces informations partagées soient liées puisqu’elles traitent le même sujet.
</p>
<p>
  A la différence de <a href="http://www.friendfeed.com">FriendFeed</a> où tout est rassemblé par ordre chronologique, avec <a href="http://storytlr.com/">storytlr.com</a> il est possible de créer un site ou bien une histoire sur un évènement. Je suis sûr que cette particularité fera des émules, car c’est la logique même, notre vie est découpée en évènement (plus ou moins important selon leur symbolique ou leur durée). Voici une image (récupérée du site <a href="http://www.medium4you.be/L-apres-blog.html">medium4you.be</a>) qui résume de façon graphique le service proposé par Storytlr :
</p>
<p>
  <img title="storytlr-twitter" src="http://www.eclaireur.net/wp-content/uploads/2009/05/storytlr-twitter.jpg" height="500" alt="storytlr-twitter" width="407" />
</p>
<p>
  L’auteur du site Storytlr, Laurent Eschenauer, explique cinq mois après la création :
</p>
<blockquote>
  <p>
    «&nbsp;C’est au-delà de nos espérances. Cela me permet d’apprendre pas mal de choses mais aussi – et surtout – cela m’a permis de rencontrer énormément de gens intéressants. Des gens s’inscrivent de Norvège, de France, de Suisse et aussi d’Asie. Comme notre service est naissant, la Chine ne l’a pas encore bloqué et nous connaissons un certain succès auprès des Chinois en quête de liberté sur la Toile.&nbsp;»
  </p>
</blockquote>
<h3>
  Plus d’informations
</h3>
<ul>
  <li>Découvrez un excellent <a href="http://www.alardw.com/">exemple d’utilisation de storytlr</a>,
  </li>
  <li>A lire un article de Pierre Olivier Carles sur <a href="http://www.pocarles.com/2009/01/storytlr/">Storytlr</a> ou encore <a href="http://fr.readwriteweb.com/2008/10/31/nouveautes/storytlr-lifestreaming/">readwriteweb</a>,
  </li>
  <li>Retrouvez l’histoire de <a href="http://www.dhnet.be/cine-tele/multimedia/article/248886/storytlr-votre-vie-online.html">storytlr, votre vie online sur dhnet.be</a>.
  </li>
</ul>
<p>
  <a name="akst_link_1017" href="http://www.eclaireur.net/?p=1017&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=J1gXjN8yEeg:e8qkqNo1sPE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=J1gXjN8yEeg:e8qkqNo1sPE:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=J1gXjN8yEeg:e8qkqNo1sPE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/J1gXjN8yEeg" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Mon, 11 May 2009 09:36:34 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/9791541</guid>
    </item>
    <item>
      <title>Les troph&#233;es du web US : les Webbys and the winner is&#8230;</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/mwP0ZmGjYDE/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.webbyawards.com/webbys/current.php?season=13"><img title="webby-awards-recompense-web" src="http://www.eclaireur.net/wp-content/uploads/2009/05/webby-awards-recompense-web.jpg" height="128" alt="webby-awards-recompense-web" width="428" /></a>
</p>
<p>
  Les webbyawards sont un peu les Oscars du web. Chaque année lors de cet évènement les sites, les personnalités et les concepts ou les designs qui ont marqué l’année sont récompensés. De plus cette année 2009 voit éclore de nouvelles récompenses comme l’artiste de l’année (<a href="http://www.webbyawards.com/webbys/specialachievement13.php/#reznor">Trent Reznor)</a>, la personne de l’année (<a href="http://www.webbyawards.com/webbys/specialachievement13.php/#fallon">Jimmy Fallon</a>) ou encore la meilleure innovation/buzz (<a href="http://www.webbyawards.com/webbys/specialachievement13.php/#twitter">Twitter</a>).
</p>
<p>
  Ces webbys permettent de revenir sur l’année qui vient de s’écouler en ayant un tour d’horizon des sites suivant leur catégorie (art, association, automobile, meilleure page d’accueil, <a href="http://www.eclaireur.net/tag/navigation/" title="Voir les articles taggés avec navigation">navigation</a>, meilleure utilisation de l’animation ou de la photographie, vidéo, <a href="http://www.eclaireur.net/tag/blog/" title="Voir les articles taggés avec blog">blog</a>…). Il y a presque 70 catégories, de quoi passer pas mal de temps à regarder tout cela. Après un tour d’horizon je n’ai pas constater de catégorie liée à l’accessibilité malgré des thèmes autour de la <a href="http://www.eclaireur.net/tag/navigation/" title="Voir les articles taggés avec navigation">navigation</a>, confort de lecture…
</p>
<p>
  Retrouvez tous les vainqueurs et les nominés sur <a href="http://www.webbyawards.com/webbys/current.php?season=13">webbyawards.com</a>. (Merci cyril pour l’info)
</p>
<p>
  <a name="akst_link_1012" href="http://www.eclaireur.net/?p=1012&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=mwP0ZmGjYDE:n-kFjLZqgOw:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=mwP0ZmGjYDE:n-kFjLZqgOw:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=mwP0ZmGjYDE:n-kFjLZqgOw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/mwP0ZmGjYDE" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Thu, 07 May 2009 12:22:45 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/9755073</guid>
    </item>
    <item>
      <title>Les salaires du design num&#233;rique et des travailleurs sur internet</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/_aaVFnDrOWU/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Un étude réalisée par <a href="http://www.designersinteractifs.org/fr/publications/publications-indicateurs/les-salaires-du-design-numerique-edition-2008/">designersinteractifs.org</a> sur près de 2239 acteurs du <a href="http://www.eclaireur.net/tag/web/" title="Voir les articles taggés avec web">web</a> (développeur, DA, architecte de l’information, concepteur-rédacteur, ergonome) a permis d’établir une liste des salaires des métiers du net. Comme chacun sait, les salaires sont tabous en France, je trouve que c’est intéressant de pouvoir juger par vous même les salaires que l’on peut prétendre en travaillant en freelance.
</p>
<p>
  <object height="355" style="margin: 0px;" width="425">
    
    
    
    <embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=salaires2008-1228671098150417-9&amp;stripped_title=salaires-2008-du-design-numrique-en-france-presentation" height="355" width="425" />
  </object>
</p>
<h3>
  Conclusion de l’étude
</h3>
<p>
  Pour les membres des <a href="http://www.designersinteractifs.org/fr/publications/publications-indicateurs/les-salaires-du-design-numerique-edition-2008/">designersinteractifs.org</a> le “portrait robot” du design numérique en 2008 est un webdesigner (homme), âgé de 26 à 30 ans, travaillant en agence (de moins 10 salariés) et situé à Paris. Il travaille + de 40 h par semaine et sa principale préoccupation est d’évoluer professionnellement…<br />
  Pour information l’<a href="http://www.designersinteractifs.org/fr/sondage-salaires-2009/">étude 2009 est en ligne : participez au sondage dès maintenant</a>
</p>
<p>
  <a href="http://www.eclaireur.net/?p=1006&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=_aaVFnDrOWU:hJePFBRHYzs:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=_aaVFnDrOWU:hJePFBRHYzs:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=_aaVFnDrOWU:hJePFBRHYzs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/_aaVFnDrOWU" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Sun, 03 May 2009 11:04:09 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/9714364</guid>
    </item>
    <item>
      <title>Google chrome, une vid&#233;o color&#233;e du navigateur</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/AGqOZDXhtuU/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.eclaireur.net/tag/google/" title="Voir les articles taggés avec google">Google</a> sort une belle séquence vidéo pour communiquer autour de son navigateur web, pour faire encore plus de buzz cette vidéo s’ajoute à une série de <a href="http://www.youtube.com/googlechrome">11 clips diffusés sur leur espace YouTube</a>.
</p>
<p>
  <object height="344" width="425">
    
    
    
    <embed src="http://www.youtube.com/v/PqfwNbB0QqQ&amp;hl=fr&amp;fs=1" height="344" width="425" />
  </object>
</p>
<p>
  <a href="http://www.eclaireur.net/?p=1003&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=AGqOZDXhtuU:PKtCu2TBlJk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=AGqOZDXhtuU:PKtCu2TBlJk:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=AGqOZDXhtuU:PKtCu2TBlJk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/AGqOZDXhtuU" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Thu, 30 Apr 2009 15:55:10 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/9689239</guid>
    </item>
    <item>
      <title>Solutions simples pour travailler en ind&#233;pendant</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/woFmu0TpP7Q/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="bureau-pret-ambroise-entrepreneur" src="http://www.eclaireur.net/wp-content/uploads/2009/04/bureau-pret-ambroise-entrepreneur.jpg" height="332" alt="bureau-pret-ambroise-entrepreneur" width="428" />
</p>
<p>
  Avec le succès du statut d’auto-entrepreneur (2000 inscriptions par jour enregistrées en janvier 2009) beaucoup de personnes se sont mises à leur compte pour tenter cette nouvelle voie. Bien que le <a href="http://www.eclaireur.net/tag/travail/" title="Voir les articles taggés avec travail">travail</a> en indépendant soit synonyme d’autonomie ou de liberté, certains trouveront le temps long ou bien se sentiront un peu trop isolé, c’est le revers de la médaille. Voici quelques initiatives intéressantes pour trouver des solutions ou simplement donner des idées.
</p>
<h3>
  Se faire parrainer
</h3>
<p>
  Cela permet de développer les chances de réussite des créateurs ou repreneurs d’entreprise tout ayant un échange d’expérience avec entre un ancien et un jeune chef d’entreprise. Cela permet de partir sur une base saine et d’éviter les erreurs que les autres ont déjà faites. Je le conseil à tout le monde, le seul bémol c’est que la sélection est rude, il faut impérativement avoir un projet innovant ou original pour être sélectionné. Pour plus d’information essayer de vous renseigner auprès de la mairie, généralement ce sont des associations d’anciens entrepreneurs à la retraite qui propose ce genre de parrainage.
</p>
<h3>
  Adresses indispensables
</h3>
<p>
  Essayez également de vous inscrire à l’<a href="http://www.arapl.org/">ARAPL</a>, qui peut vous aider dans vos déclarations fiscales pour moins de 200€/an. De plus vous aurez des conseils avisés auprès de comptable.<br />
  Après lorsque vous avez une activité artistiques, rapprochez-vous dès le lancement de votre activité auprès de la <a href="http://www.lamaisondesartistes.fr/">maison des artistes</a>. A Paris généralement les jeudi, la MDA organise des réunions d’information qui sont accessibles sur simple inscription (fax, tél ou sur place), pour tout savoir sur les démarches à effectuer pour être affilié.
</p>
<h3>
  Trouver des informations utiles (adresses, salons…) proches de chez vous
</h3>
<p>
  Il existe des sites comme la <a href="http://www.motamot.com/index.php">motamot.com</a>, <a href="http://www.communaute-des-entrepreneurs.com/entries/home">communaute-des-entrepreneurs.com</a> ou <a href="http://www.freelance-info.fr/">freelance-info.fr</a> qui dispensent de bons conseils via leur communauté et leurs dossiers. N’oubliez pas non plus les adresses comme la CCI (Chambre de Commerce) ou les DRTEFP (Direction régionale du <a href="http://www.eclaireur.net/tag/travail/" title="Voir les articles taggés avec travail">travail</a>, de l’emploi et de la formation professionnelle) de votre région. Ces entités publiques regorge d’informations, le seul problème c’est que leurs sites et le personnel ne sont pas forcément à jour. N’hésitez pas à insister, vous pouvez bénéficier de stages gratuits pour tout ce qui concerne la création d’entreprise (marché, prospection, comment faire une étude de marché…)
</p>
<h3>
  Le bureau d’Ambroise
</h3>
<p>
  Il s’agit de mettre en relation un entrepreneur, désireux de travailler dans un local plutôt que seul chez lui, avec une entreprise qui possède un bureau disponible (même s’il s’agit de quelques semaines). Cette initiative qui se nomme <a href="http://www.lebureaudambroise.com/">«&nbsp;le bureau d’Ambroise»&nbsp;</a> a pour but de briser la solitude des jeunes entrepreneurs et de nouer un contact professionnel. Le site lancé en Janvier 2009 n’est pas suffisamment rempli aujourd’hui au niveau de l’offre pour répondre à toutes les demandes. Amis sociétaires, entrepreneurs, patrons avec des places vacantes dans vos bureaux pourquoi ne pas faire le pas et accueillir un jeune entrepreneur?
</p>
<h3>
  Guide pratique
</h3>
<p>
  Les pages de ce<a href="http://www.omega-jobs.com/main_guide.php?p=1">Guide Pratique pour Indépendant</a> vous permettent de découvrir des informations pratiques concernant le statut de travailleur indépendant, les formalités de départ, les régimes d’imposition, les charges sociales et les Centres de Gestion Agréée : <a href="http://www.omega-jobs.com/main_guide.php?p=1">lire le guide</a>.
</p>
<h3>
  Hors-sujet
</h3>
<p>
  La photo qui a servi à illustrer cet article est issue d’une campagne de jobsintown.de que j’ai adoré : voir la <a href="http://www.jobsintown.de/werbekampagne_1-433.html">Campagne jobsintown.de</a> avec les différentes photos.
</p>
<p>
  <a name="akst_link_993" href="http://www.eclaireur.net/?p=993&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=woFmu0TpP7Q:8z2x8tEN8bc:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=woFmu0TpP7Q:8z2x8tEN8bc:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=woFmu0TpP7Q:8z2x8tEN8bc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/woFmu0TpP7Q" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Thu, 30 Apr 2009 09:45:40 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/9686096</guid>
    </item>
    <item>
      <title>Demander pardon &#224; vos amis gr&#226;ce &#224; S&#233;gol&#232;ne</title>
      <link>http://feedproxy.google.com/%7Er/eclaireur/%7E3/tmeIUOR2NY4/</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.sacreesego.com/"><img title="sego-pardon-politique-fun" src="http://www.eclaireur.net/wp-content/uploads/2009/04/sego-pardon-politique-fun.jpg" height="128" alt="sego-pardon-politique-fun" width="428" /></a>
</p>
<p>
  Voici de quoi se détendre ce week-end et fair sourire ceux qui recevront l’email avec <a href="http://www.sacreesego.com/">SacreeSegolene.com</a>.
</p>
<p>
  Il s’agit d’un site où vous pouvez demander pardon à n’importe qui, une liste de pardon est déjà disponible, on retrouve entre autres : «&nbsp;J’ai séquestré mon patron (et sa secrétaire)»&nbsp; , «&nbsp;J’ai blindé ton ordi de porno avant Hadopi»&nbsp;… Allez ça tombe bien j’avais des choses à me faire pardonner, avec une pincée d’humour cela fonctionne bien (en général).
</p>
<h3>
  Mieux vaut en rire
</h3>
<p>
  Ce <a href="http://www.eclaireur.net/tag/blog/" title="Voir les articles taggés avec blog">blog</a> est de nature apolitique mais lorsque ceux qui nous gouvernent nous font rire, je pense qu’il y a pas de mal à en profiter. Déjà le 9 avril dernier lors du vote de la loi Hadopi (un loi qui était débattue avec acharnement depuis plusieurs mois), on constate qu’au final ce sont des jeux de cache-cache qui font retarder son vote. De plus l’assemblée était vide à 95% et sans l’arrivée surprise d’une dizaine de députés de l’opposition, cette loi aurait été votée comme une loi mineure alors qu’elle remet en cause beaucoup de nos libertés.
</p>
<h3>
  Rassemblement contre Hadopi à Paris à 13h
</h3>
<p>
  Au passage un rassemblement est organisé contre la loi HADOPI aujourd’hui (le samedi 25 Avril 2009) à 13 heures, Place Edouard Herriot Paris 7ème (Métros Assemblée Nationale, Solférino, Invalides ou RER Musée d’Orsay) <a href="http://www.manifestation-contre-hadopi.com/inscription-%C3%A0-la-manifestation">plus d’informations</a>.
</p>
<p>
  <a name="akst_link_985" href="http://www.eclaireur.net/?p=985&amp;akst_action=share-this" title="Envoyer par E-mail, poster sur un réseau social, etc.">Partager cet article</a>
</p>
<div>
  <a href="http://feeds.feedburner.com/~ff/eclaireur?a=tmeIUOR2NY4:98j7Bafvn4w:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=tmeIUOR2NY4:98j7Bafvn4w:D7DqB2pKExk" /></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=tmeIUOR2NY4:98j7Bafvn4w:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" /></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/tmeIUOR2NY4" height="1" width="1" />
</div>]]>
      </description>
      <pubDate>Sat, 25 Apr 2009 09:07:01 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2009:/article/9636784</guid>
    </item>
    <item>
      <title>flashxman: En train de tester tweet-r (tweet-r.com) developp&#233; avec A.I.R.</title>
      <link>http://twitter.com/flashxman/statuses/414269612</link>
      <description>
        <![CDATA[<div class="post_content wiki_text">flashxman: En train de tester tweet-r (tweet-r.com) developpé avec A.I.R.</div>]]>
      </description>
      <pubDate>Wed, 14 Nov 2007 16:52:42 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5236291</guid>
    </item>
    <item>
      <title>flashxman: complete redesign of my portfolio (pro site) http://www.marchesson.com/</title>
      <link>http://twitter.com/flashxman/statuses/405364902</link>
      <description>
        <![CDATA[<div class="post_content wiki_text">flashxman: complete redesign of my portfolio (pro site) http://www.marchesson.com/</div>]]>
      </description>
      <pubDate>Sun, 11 Nov 2007 11:31:21 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5172362</guid>
    </item>
    <item>
      <title>Se mettre &#224; son compte dans les services &#224; la personne : Cr&#233;ation, conseils pratiques, dispositifs fiscaux, adresses...</title>
      <link>http://eclaireur.zlio.com/Se-mettre-a-son-compte-dans-les-services-a-la-personne-Creation-conseils-pratiques-dispositifs-fiscaux-adresses-</link>
      <description>
        <![CDATA[<div class="post_content wiki_text">1221560Se-mettre-a-son-compte-dans-les-services-a-la-personne-Creation-conseils-pratiques-dispositifs-fiscaux-adresses-" &gt;59</div>]]>
      </description>
      <pubDate>Sun, 02 Sep 2007 15:24:18 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5132563</guid>
    </item>
    <item>
      <title>Se mettre &#224; son compte dans les services &#224; la personne : Cr&#233;ation, conseils pratiques, dispositifs fiscaux, adresses...</title>
      <link>http://eclaireur.zlio.com/Livres-p2319359-Se-mettre-a-son-compte-dans-les-services-a-la-personne-Creation-conseils-pratiques-dispositifs-fiscaux-adresses-.html</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><img src="http://images.zlio.com/product/large/2319359.jpg" align="left" hspace="10" />
<h3>
  Un bon libre pour le coté juridique
</h3>Un livre qui rassemble tous les élements à connaître pour monter son entreprise ou se mettre à son compte<br />
<br />
Comment obtenir ce produit ? <a href="http://eclaireur.zlio.com/Livres-p2319359-Se-mettre-a-son-compte-dans-les-services-a-la-personne-Creation-conseils-pratiques-dispositifs-fiscaux-adresses-.html">Cliquez ici !</a>
</div>]]>
      </description>
      <pubDate>Sun, 02 Sep 2007 15:24:18 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/4113706</guid>
    </item>
    <item>
      <title>The Art Of The Start</title>
      <link>http://eclaireur.zlio.com/Livres-p1021777-The-Art-Of-The-Start.html</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><img src="http://images.zlio.com/product/large/1021777.jpg" align="left" hspace="10" />
<h3>
  Excellent livre
</h3>L'auteur apporte un excellent recul sur tous les aspects de l'entreprenariat et remet les choses à plat afin d'inciter à se concentrer sur les choses simples.<br />
<br />
Comment obtenir ce produit ? <a href="http://eclaireur.zlio.com/Livres-p1021777-The-Art-Of-The-Start.html">Cliquez ici !</a>
</div>]]>
      </description>
      <pubDate>Sun, 02 Sep 2007 15:17:19 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/4113707</guid>
    </item>
  </channel>
</rss>

