Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

index.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Merci à tous — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20071106-merci-a-tous">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">Merci à tous</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/welldev.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>Merci à <a href="http://prendreuncafe.com/blog/post/2007/11/05/A-new-Django-freelance-in-town">NiKo</a>, <a href="http://lacot.org/blog/2007/11/06/welldev.html">Xavier</a> et <a href="http://www.unelectronlibre.info/index.php/post/2007/11/06/Coup-de-pouce-%3A-David-Larlet-cree-Welldev-pour-des-developpements-autour-de-Django">NiCoS</a>, anciens <a href="http://www.clever-age.com/">camarades de jeu</a> qui m'ont fait l'honneur de publier un billet à mon sujet, ça me va droit au cœur. Merci à <a href="http://www.neogeo-online.net/">Guillaume</a>, Rustre et <a href="http://yoan.dosimple.ch/blog/">Yoan</a> pour leurs remarques pertinentes en off. Merci à <a href="http://giz404.freecontrib.org/">giz404</a> et <a href="http://www.manteela.be/">LapinLove404</a> pour leurs conseils <a href="https://larlet.fr/david/biologeek/archives/20071105-freelance-django-enfin-independant/#comments">en commentaires</a>. Et surtout, merci pour tous vos encouragements qui me touchent et qui me motivent pour les 6 prochains mois (au moins !). Je vais tenter de répondre à toutes les questions.</p>
  46. <h2>WellDev</h2>
  47. <h3>Design</h3>
  48. <p>Vous aurez remarqué que je ne suis pas très doué pour ça, c'est un métier. <del>D'ailleurs si vous souhaitez donner un coup de main, n'hésitez pas.</del> Une <a href="http://claire.agopian.free.fr/">graphiste de talent</a> m'a proposé ses services, ça risque de changer sous peu.</p>
  49. <p>Pour les couleurs, certains aiment, d'autres pas, selon le rendu de votre écran le marron peut-être beau ou horrible. De mon côté je suis plutôt dans une période marron, après avoir tant pesté contre le design original d'<a href="http://www.ubuntu-fr.org/">Ubuntu</a> c'est assez marrant. On m'a aussi reproché le nombre important de couleurs, je trouve justement que ça permet de faire un peu abstraction du marron si on n'aime pas trop cette couleur.</p>
  50. <h3>Ergonomie</h3>
  51. <p>Je suis assez fan des sites qui arrivent en une page à décrire l'intégralité du message à faire passer (pour un site vitrine). Les visiteurs sont maintenant plus fainéants du clic que du scroll d'après ma propre expérience&nbsp;: avec un roulette, ça fait abstraction d'une zone de pointage et le scroll est devenu «&nbsp;naturel » pour un internaute. Cela dit, un moyen de remonter en haut de la page en cliquant doit être ajouté.</p>
  52. <p>J'ai longtemps hésité à intégrer un <a href="http://jquery.com/plugins/project/Coda-Slider">slider</a> comme le site de <a href="http://www.panic.com/coda/">Coda</a> mais au final si on cherche de l'information je ne trouve pas ça très pratique (par contre l'effet Wow! est sympa). Peut-être proposer les deux ?!</p>
  53. <p>Concernant les balises <strong>strong</strong> qui ressemblent à des liens, effectivement, c'était pour les faire ressortir encore davantage ces parties mais si c'est déroutant c'est une mauvaise idée (il vaut mieux expérimenter ce genre de choses sur son propre espace de jeu ;-) ). Même chose pour la capture avec un champ de formulaire, mais justement...</p>
  54. <h3>Images</h3>
  55. <p>Je ne suis pas satisfait des images actuelles, à part peut-être la photo. <a href="http://tamblague.canalblog.com/">Ma <abbr title="Copine de Geek">CdG</abbr></a> se marre à chaque fois qu'elle voit le schéma de la méthodologie et je dois avouer que le formulaire n'est pas des meilleurs (difficile de montrer ce que l'on sait faire lorsqu'il y a des clauses de confidentialité sur toutes les réalisations passées...).</p>
  56. <p>Pour la rotation, l'effet désiré était de casser la grille qui est très stricte et visible sur cette page. Certains <a href="http://www.sutekidane.net/">aiment</a>, d'autres moins. Ça dépend aussi pas mal des images qui sont dedans. J'y réfléchis.</p>
  57. <h3>Contenu</h3>
  58. <p>C'est un peu brouillon pour un novice concernant mon domaine d'activité car j'alterne entre généralités et termes très techniques. C'est vrai, il faut que je fasse un effort à ce niveau.</p>
  59. <p>Après il y a des phrases qui en ont fait bondir certains, les arguments sont très bons, c'est en cours de réécriture.</p>
  60. <h3>Contact</h3>
  61. <p>J'ai eu beaucoup de remarques concernant l'adresse prénom@nom.fr qui ne fait pas très pro, c'est vrai qu'il faudrait régler ce problème à un autre niveau, mon antispam va trinquer...</p>
  62. <p>Concernant l'ajout d'un formulaire, je me suis longtemps demandé si c'était pertinent <strong>dans mon cas</strong>. Personnellement, je préfère avoir un adresse mail à contacter car les formulaires sont bien souvent très mal conçus et manquent de flexibilité (comment ajouter une pièce jointe&nbsp;? une carte de visite ?). J'aimerais trouver des statistiques à ce sujet.</p>
  63. <h3>Conditions</h3>
  64. <p>L'idée des conditions en fin de page est venue après la lecture de <a href="http://www.webdesignfromscratch.com/marketing-a-small-web-design-business.cfm">Marketing a Small Web Business</a> qui donne des conseils pratiques intéressants. Après c'est vrai qu'ils sont énoncés de manière négative, ce qui n'est pas très encourageant, je vais essayer de reformuler ça.</p>
  65. <h2>Biologeek</h2>
  66. <h3>Dissociation</h3>
  67. <p>Vous aurez remarqué que des liens sont établis entre les deux sites, et la refonte devrait aller encore plus loin. Néanmoins, j'aimerais garder une certaine liberté avec ce blog, difficile à décrire. Je me sens déjà parfois prisonnier de ce que je peux écrire ici et j'ai longtemps hésité à créer un blog alternatif, plus léger (comme certain(e)s). Pas facile d'être lu, encore moins lorsque ça peut directement influer sur ses revenus, mais j'aurais l'occasion d'en reparler.</p>
  68. <h3>Et le libre&nbsp;?</h3>
  69. <blockquote><p>Et une petite question en passant&nbsp;: quid du libre&nbsp;? Veux-tu proposer à tes clients de publier les sources des applications Django développées sous licence libre, avec les différents avantages (rapports de bug des plus d'utilisateurs, maintenance d'une seule application pour plusieurs personnes - clients ou non, etc...)&nbsp;?</p></blockquote>
  70. <p>J'ai été très heureux que <a href="http://filyb.info/">Thesa</a> me pose cette question. Concernant les briques que j'utilise, j'essaye de contribuer dès que je dois développer une amélioration, que ce soit <a href="http://code.google.com/p/django-rest-interface/issues/detail?id=21">au niveau des bibliothèques</a> ou <a href="http://code.djangoproject.com/ticket/5682">de Django directement</a>. J'essaye aussi sur mon temps libre de participer à une partie plus importante de Django.</p>
  71. <p>Passons maintenant à la partie plus délicate&nbsp;: <strong>peut-on aujourd'hui concevoir des applications web libres ?</strong> Il va me falloir au moins un billet pour répondre à ça, je <a href="https://larlet.fr/david/biologeek/archives/20060722-getting-things-done-gtd-ou-l-art-d-etre-efficace/">todoise</a>.</p>
  72. <h2>Django-fr</h2>
  73. <p>On me rappelle à juste titre que <a href="http://www.django-fr.org/">django-fr</a> n'a pas évolué depuis quelques temps (même si le site est maintenant hébergé par <a href="http://www.webfaction.com/">WebFaction</a> <a href="http://hanblog.info/blog/post/2007/09/14/Django-sur-webfactional">grâce à Rik</a>). Il faut que ça change.</p>
  74. <h2>Un portail pour les lier tous</h2>
  75. <blockquote><p>Sur l'organisation des sites web, c'est un peu le bordel... La page WellDev, la page CV, le blog... A mon avis il faut fusionner tout ça, car ça fait un peu trop pages persos.</p></blockquote>
  76. <p>En effet, je n'ai pas pris le temps d'expliquer toute la démarche et j'aurais peut-être dû commencer par là. L'idée est à terme d'unifier les designs (mais non rassurez-vous ça restera dans les verts par ici) pour améliorer la cohérence entre ces différentes ressources. La page cv va devenir un profil web et <a href="https://larlet.fr/">larlet.fr</a> va devenir un portail pointant vers ces différentes pages. Ça prend un peu de temps d'arriver à mettre tout ça en place mais c'est en bonne progression, je suis confiant et j'ai préféré y aller petit à petit plutôt que d'attendre la grosse mise en ligne qui n'arrive jamais. Mine de rien ça prend du temps :-).</p>
  77. <p>Pour finir, quelle réactivité&nbsp;! <strong>C'est assez hallucinant la mine d'idées et de réflexions que j'ai pu recueillir en moins de 24h</strong>. La franchise fait parfois grincer des dents mais sincèrement je préfère progresser donc encore une fois merci à ceux qui ont pris la peine de réagir constructivement.</p>
  78. <p><strong>[edit de dernière minute]</strong>&nbsp;: merci aussi à <a href="http://fredericdevillamil.com/a-vendre-freelance-django-peu-servi-tbeg">Frédéric, très bon vendeur</a> ;-).</p>
  79. </div>
  80. </article>
  81. <footer>
  82. <h6 property="schema:datePublished">— 06/11/2007</h6>
  83. </footer>
  84. </section>
  85. <section>
  86. <div>
  87. <h3>Articles peut-être en rapport</h3>
  88. <ul>
  89. <li><a href="/david/biologeek/archives/20090102-bilan-apres-une-annee-de-freelance/" title="Accès à ★ Bilan après une année de freelance">★ Bilan après une année de freelance</a></li>
  90. <li><a href="/david/biologeek/archives/20120131-resolutions-rediriger-economiser-et-debattre/" title="Accès à ★ Résolutions : rediriger, économiser et débattre">★ Résolutions : rediriger, économiser et débattre</a></li>
  91. <li><a href="/david/biologeek/archives/20110112-resolutions-decouvrir-concretiser-et-transmettre/" title="Accès à ★ Résolutions : découvrir, concrétiser et transmettre">★ Résolutions : découvrir, concrétiser et transmettre</a></li>
  92. </ul>
  93. </div>
  94. </section>
  95. <section>
  96. <div id="comments">
  97. <h3>Commentaires</h3>
  98. <div class="comment" typeof="schema:UserComments">
  99. <p class="comment-meta">
  100. <span class="comment-author" property="schema:creator">JusteDePassage</span> le <span class="comment-date" property="schema:commentTime">07/11/2007</span> :
  101. </p>
  102. <div class="comment-content" property="schema:commentText">
  103. <p>En tout cas bon courage, bonne chance, et amuses-toi bien :)</p>
  104. </div>
  105. </div>
  106. <div class="comment" typeof="schema:UserComments">
  107. <p class="comment-meta">
  108. <span class="comment-author" property="schema:creator">guillaume</span> le <span class="comment-date" property="schema:commentTime">07/11/2007</span> :
  109. </p>
  110. <div class="comment-content" property="schema:commentText">
  111. <p>au fait, si tu as besoin d'info sur les aspects administratifs (urssaf, TVA, assurance vieillesse, maladie, mutuelle, prévoyance, assurance RCP, impots, comptabilité...) n'hésite pas à me contacter. Car d'expérience, c'est souvent très flou au début !<br />
  112. Bonne journée.</p>
  113. </div>
  114. </div>
  115. <div class="comment" typeof="schema:UserComments">
  116. <p class="comment-meta">
  117. <span class="comment-author" property="schema:creator">Loyl</span> le <span class="comment-date" property="schema:commentTime">07/11/2007</span> :
  118. </p>
  119. <div class="comment-content" property="schema:commentText">
  120. <p>Bon courage à toi.<br />
  121. <br />
  122. Je travaille aussi dans une SSII et j'espère franchir le pas de l'indépendance comme toi d'ici peu. N'hésite pas à faire des retours d'expérience.</p>
  123. </div>
  124. </div>
  125. <div class="comment" typeof="schema:UserComments">
  126. <p class="comment-meta">
  127. <span class="comment-author" property="schema:creator">François Parmentier</span> le <span class="comment-date" property="schema:commentTime">07/11/2007</span> :
  128. </p>
  129. <div class="comment-content" property="schema:commentText">
  130. <p>À propos de larlet.fr, j'ai repéré une faute de français courante : &quot;ce fût l'occasion&quot; (dans la section Intégration XHTML/CSS du site Skyrock.com).<br />
  131. <br />
  132. Un fût est un tonneau, tronc d'arbre, etc. mais au passé simple, le verbe être donne &quot;fut&quot; (en conjuguant au subjonctif imparfait, &quot;fût&quot; est correct, mais je ne pense pas que ce soit le cas).<br />
  133. <br />
  134. Au fait: bonne chance.</p>
  135. </div>
  136. </div>
  137. <div class="comment" typeof="schema:UserComments">
  138. <p class="comment-meta">
  139. <span class="comment-author" property="schema:creator">GandalfoS</span> le <span class="comment-date" property="schema:commentTime">07/11/2007</span> :
  140. </p>
  141. <div class="comment-content" property="schema:commentText">
  142. <p>Bon courage David. Je ne manquerai pas de te recommander dès que j'en aurai l'occasion. </p>
  143. </div>
  144. </div>
  145. <div class="comment" typeof="schema:UserComments">
  146. <p class="comment-meta">
  147. <span class="comment-author" property="schema:creator">Leo</span> le <span class="comment-date" property="schema:commentTime">08/11/2007</span> :
  148. </p>
  149. <div class="comment-content" property="schema:commentText">
  150. <p>Bonjour,<br />
  151. <br />
  152. content de te voir déjà &quot;in&quot;, la grande aventure :) quoique j'ai une remarque plutôt ridicule mais je la dis quand même : la photo entre la page &quot;cv&quot; et celle sur &quot;welldev&quot;, on a pas l'impression c'est la même personne ^^, sinon je trouve le site de &quot;welldev&quot; beau, même la photo, on dirait t'es tout marron, cheveux, yeux, tricot, etc :) l'effet de rotation est pas mal, le formulaire d'authentification je trouve beau, mais y a pas une page plus significative ? ^^<br />
  153. <br />
  154. Enfin, je compte aussi me lancer un jour en free lance inchalah, j'espère ton retour d'expérience me sera fort utile :) <br />
  155. <br />
  156. Cordialement.</p>
  157. </div>
  158. </div>
  159. <div class="comment" typeof="schema:UserComments">
  160. <p class="comment-meta">
  161. <span class="comment-author" property="schema:creator">j.ducastel</span> le <span class="comment-date" property="schema:commentTime">08/11/2007</span> :
  162. </p>
  163. <div class="comment-content" property="schema:commentText">
  164. <p>une petite soluce pour ton email : <a href="http://blog.ducastel.name/post/2007/11/08/Afficher-son-adresse-email-mais-la-proteger-du-spam" title="http://blog.ducastel.name/post/2007/11/08/Afficher-son-adresse-email-mais-la-proteger-du-spam" rel="nofollow">blog.ducastel.name/post/2...</a></p>
  165. </div>
  166. </div>
  167. <div class="comment" typeof="schema:UserComments">
  168. <p class="comment-meta">
  169. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">10/11/2007</span> :
  170. </p>
  171. <div class="comment-content" property="schema:commentText">
  172. <p>@Loyl :<br />
  173. &gt; N'hésite pas à faire des retours d'expérience.<br />
  174. <br />
  175. Je n'y manquerais pas.<br />
  176. <br />
  177. @François Parmentier : ok merci pour la faute :-)<br />
  178. <br />
  179. @GandalfoS : Merci !<br />
  180. <br />
  181. @Leo : concernant la photo du CV, plusieurs personnes m'ont déjà fait la remarque qu'elles ne me reconnaissaient pas car avec l'ombre je fais beaucoup plus gros. Il faut que je la change.<br />
  182. <br />
  183. @j.ducastel : intéressant, mais ça perd de son intérêt si on doit de toute façon modifier l'email ensuite. Je réfléchis à des solutions plus complexes de honeypot et de graceful obfuscation : <a href="http://www.alistapart.com/articles/gracefulemailobfuscation" title="http://www.alistapart.com/articles/gracefulemailobfuscation" rel="nofollow">www.alistapart.com/articl...</a></p>
  184. </div>
  185. </div>
  186. </div>
  187. </section>
  188. <footer>
  189. <nav>
  190. <p>
  191. <small>
  192. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  193. </small>
  194. </p>
  195. </nav>
  196. </footer>
  197. </div>
  198. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  199. <script data-no-instant>InstantClick.init()</script>
  200. </body>
  201. </html>