Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Lancement de mixin — 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/20080711-lancement-de-mixin">
  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">Lancement de mixin</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <p>Merci à tous les testeurs de la première heure, j'ai pas vraiment le temps de m'attarder pour l'instant mais vous pouvez retrouver <a href="http://www.mixin.com/users/david/">mon profil sur mixin</a>. Les retours sont très appréciés et je ne désespère pas d'arriver à bout de la montagne de mails qui m'attend dans mon inbox depuis une semaine au moins.</p>
  45. <p>Let the buzz goes on!</p>
  46. <p>ps : pour les nouveaux venus, <a href="https://larlet.fr/david/biologeek/archives/200827-mixin-un-agenda-pas-comme-les-autres/">j'en avais parlé il y a quelques mois</a>.</p>
  47. </div>
  48. </article>
  49. <footer>
  50. <h6 property="schema:datePublished">— 11/07/2008</h6>
  51. </footer>
  52. </section>
  53. <section>
  54. <div>
  55. <h3>Articles peut-être en rapport</h3>
  56. <ul>
  57. <li><a href="/david/biologeek/archives/20080708-pourquoi-tout-le-monde-parle-didentica/" title="Accès à Pourquoi tout le monde parle d&#39;identi.ca">Pourquoi tout le monde parle d&#39;identi.ca</a></li>
  58. <li><a href="/david/biologeek/archives/20080704-faire-un-bon-scrum/" title="Accès à Faire un bon scrum">Faire un bon scrum</a></li>
  59. <li><a href="/david/biologeek/archives/20080701-les-defauts-dopenid/" title="Accès à Les défauts d&#39;OpenID">Les défauts d&#39;OpenID</a></li>
  60. </ul>
  61. </div>
  62. </section>
  63. <section>
  64. <div id="comments">
  65. <h3>Commentaires</h3>
  66. <div class="comment" typeof="schema:UserComments">
  67. <p class="comment-meta">
  68. <span class="comment-author" property="schema:creator">Guillaume S.</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  69. </p>
  70. <div class="comment-content" property="schema:commentText">
  71. <p>Je me suis connecté ce matin. Rien de particulier à dire, si ce n&#39;est que l&#39;ensemble est très soigné. <br />J&#39;ai particulièrement apprécié l&#39;assistant qui présente les différentes fonctions.<br />Pour la suite des retours, il faudra voir à l&#39;usage...</p>
  72. </div>
  73. </div>
  74. <div class="comment" typeof="schema:UserComments">
  75. <p class="comment-meta">
  76. <span class="comment-author" property="schema:creator">Neovov</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  77. </p>
  78. <div class="comment-content" property="schema:commentText">
  79. <p>Hier j&#39;avais une erreur 500 en cliquant sur le mail que j&#39;ai reçu.</p>
  80. <p>L&#39;ergonomie est très sympa, il y a quelque bugs de localisation et de style mais je pense que ça va être corrigé ;)</p>
  81. <p>Du très bon boulot en tout cas !<br />J&#39;ai hâte de l&#39;utiliser intensivement !</p>
  82. </div>
  83. </div>
  84. <div class="comment" typeof="schema:UserComments">
  85. <p class="comment-meta">
  86. <span class="comment-author" property="schema:creator">Thomas</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  87. </p>
  88. <div class="comment-content" property="schema:commentText">
  89. <p>Sous IE6 c&#39;est comme si il n&#39;y avait pas de feuille de style (pas taper je suis au boulot j&#39;ai pas le choix) :(</p>
  90. </div>
  91. </div>
  92. <div class="comment" typeof="schema:UserComments">
  93. <p class="comment-meta">
  94. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  95. </p>
  96. <div class="comment-content" property="schema:commentText">
  97. <p>@Guillaume S.: merci !</p>
  98. <p>@Neovov: oui on a eu quelques petits soucis hier soir (quel doux euphémisme :-)), pour les bugs je veux bien que tu me les envoies en privé histoire d&#39;être sûr qu&#39;on les a, c&#39;est pas évident de tout tester.</p>
  99. <p>@Thomas: on regarde ça, si tu as des précisions sur la sous-version de IE6 ça peut nous aider.</p>
  100. </div>
  101. </div>
  102. <div class="comment" typeof="schema:UserComments">
  103. <p class="comment-meta">
  104. <span class="comment-author" property="schema:creator">Yann</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  105. </p>
  106. <div class="comment-content" property="schema:commentText">
  107. <p>La vidéo sur la home est muette ? C&#39;est dommage je trouve. L&#39;audio captive mieux que les sous-titres. Si je veux l&#39;embed qqpart... il n&#39;y a pas de phrase d&#39;introduction, je ne sais donc pas de quoi il s&#39;agit. Perso, je remplacerai le splash d&#39;intro par une intro qui informe l&#39;utilisateur.</p>
  108. <p>Les liens ne sont pas soulignés. Comme dans plein de sites web. Je trouve que c&#39;est déroutant. Tu pourrais réduire le nombre de liens et les souligner pour pas que ça fasse moche.</p>
  109. <p>Sur /users/david l&#39;image de fond est horrible... mais bon hein c&#39;est mon avis perso :-)</p>
  110. <p>Oui qqles problèmes de localisation...</p>
  111. <p>C&#39;est bien d&#39;avoir mis une aide textuelle sur les liens des smileys... Peut-être en rajouter sur les flèches de l&#39;agenda et ailleurs ?</p>
  112. <p>Les couleurs de l&#39;agenda, on sait pas ce qu&#39;elles veulent dire ou on oublie vite si un jour on l&#39;a su.</p>
  113. <p>La &quot;registration&quot; est top ainsi que son tuto en 5 étapes.</p>
  114. <p>Après je trouve que c&#39;est le cliquodrome (bon... pas à ce point, mais on ne sait rapidement plus où aller et donc je ne reviendrai plus sur le site sauf si je reçois un lien, de la part d&#39;un de mes futurs amis).</p>
  115. <p>Sinon bravo pour l&#39;idée, je pense que ça pourrait m&#39;être utile et l&#39;interface est canon...</p>
  116. </div>
  117. </div>
  118. <div class="comment" typeof="schema:UserComments">
  119. <p class="comment-meta">
  120. <span class="comment-author" property="schema:creator">Thomas</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  121. </p>
  122. <div class="comment-content" property="schema:commentText">
  123. <p>Je suis sur un IE6 SP2 sur Windows XP classique. Le problème vient peut-être du firewall de l&#39;entreprise, j&#39;ai cru voir que les CSS sont sur amazon S3 (donc ça n&#39;aurait rien avoir avec IE6 ?). Pourquoi ce choix d&#39;ailleurs (d&#39;amazon) ?</p>
  124. </div>
  125. </div>
  126. <div class="comment" typeof="schema:UserComments">
  127. <p class="comment-meta">
  128. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  129. </p>
  130. <div class="comment-content" property="schema:commentText">
  131. <p>Pour le pb de CSS, je l&#39;ai du bureau sous FF3 &amp; IE6 sous Windows 2000.</p>
  132. <p>C&#39;est peut être l&#39;import depuis amazon S3 qui est bloqué :-/</p>
  133. </div>
  134. </div>
  135. <div class="comment" typeof="schema:UserComments">
  136. <p class="comment-meta">
  137. <span class="comment-author" property="schema:creator">Tatanka</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  138. </p>
  139. <div class="comment-content" property="schema:commentText">
  140. <p>Petite idée, sera-t-il possible de coupler son mixin avec un calendrier externe qui remplirait automatiquement notre agenda ?</p>
  141. <p>Sinon une autre &quot;petite&quot; chose, j&#39;utilise Firebug 1.2.0b4 et lorsqu&#39;il est activé (en tant qu&#39;extension), il fait planter régulièrement mon FF lorsque je parcours mixin. Une idée d&#39;où cela pourrait venir (hormis le fait que ce soit effectivement une version beta de Firebug :) ) ? Je précise aussi que ça plante même si les différentes actions de traçage d&#39;un site sont désactivées.</p>
  142. </div>
  143. </div>
  144. <div class="comment" typeof="schema:UserComments">
  145. <p class="comment-meta">
  146. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">17/07/2008</span> :
  147. </p>
  148. <div class="comment-content" property="schema:commentText">
  149. <p>Je me permet une critique qui se veut constructive, puisque le mot d&#39;ordre semble être le dialogue sur ce billet :)</p>
  150. <p>La page d’accueil est extrêmement bien composée : elle est parlante, colorée, et aguichante. La typo laisse cependant un peu à désirer, au niveau des trois blocks de texte en bas qui n&#39;ont pas assez d&#39;interlignage, et du &quot;enregistrez-vous&quot; en majuscules en haut à droite par exemple.</p>
  151. <p>Comme d&#39;autres, je trouve aussi que la vidéo muette est décevante. Je me suis surpris à vérifier le volume tellement je m&#39;attendais à entendre un commentaire audio sur la vidéo. Le screencast n&#39;est pas non plus très bien réalisé puisque la vue ne zoom pas sur la souris et on a du mal à voir les détails de la page.</p>
  152. <p>Concernant l&#39;idée même du service, je suis sceptique. On dirait un Twitter++, vu depuis le cache de Google (je fais allusion aux effets de surlignage que je juge un peu flashy au niveau des couleurs). Comme Twitter, je trouve cette vision des relations humaines un peu froide et mécanique, donc autant dire que je n&#39;accroche pas vraiment.</p>
  153. <p>Néanmoins, même si je ne m&#39;attarde pas beaucoup dessus pour me consacrer à une critique, je trouve de nombreux points positifs !</p>
  154. <p>Du bon travail.</p>
  155. <p>PS : il s&#39;est avéré impossible de poster ce commentaire depuis Safari (dernière version, dernier OS).</p>
  156. </div>
  157. </div>
  158. <div class="comment" typeof="schema:UserComments">
  159. <p class="comment-meta">
  160. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">17/07/2008</span> :
  161. </p>
  162. <div class="comment-content" property="schema:commentText">
  163. <p>@Yann : merci pour tes conseils sur la vidéo, on va voir ce qu&#39;on peut faire. Concernant les autres remarques, elles sont prises en compte aussi, on travaille dessus.</p>
  164. <p>Pour le fond j&#39;ai changé :p</p>
  165. <p>@Thomas et NiCoS : il peut y avoir deux problèmes, soit amazon est blacklisté par votre admin sys et dans ce cas on peut pas faire grand chose, soit certaines versions d&#39;IE6 ont du mal avec gzip et on a travaillé dessus.</p>
  166. <p>@Tatanka : oui, on réfléchit aux solutions techniques pour faire du bidirectionnel.</p>
  167. <p>Concernant Firebug, c&#39;est en fait un bug de Firefox qui n&#39;a pas été jugé assez critique pour être intégré dans la 3.0.1, joie. Néanmoins avec la dernière version de fb1.2.0b6 + ff3.0.1 c&#39;est déjà mieux.</p>
  168. <p>@Louis : concernant la typographie et la vidéo on va voir ce qu&#39;on peut faire.</p>
  169. <p>&gt; Concernant l&#39;idée même du service, je suis sceptique. On dirait un Twitter++</p>
  170. <p>Le service prend tout son sens dès qu&#39;on s&#39;y retrouve avec ses amis pour vraiment concrétiser les propositions, commenter la soirée de la veille, poster des photos, etc. C&#39;est pour ça qu&#39;il faut prendre le temps d&#39;inviter/retrouver ses amis (on essaye de rendre ça plus facile), d&#39;essayer de vraiment faire quelque chose derrière pour rendre ça tout de suite beaucoup moins froid. L&#39;objectif c&#39;est justement de se libérer de tout ce 2.0 virtuel pour faire des choses avec ses (vrais) amis !</p>
  171. <p>ps : pour le bug sous safari, ce n&#39;est pas le navigateur mais sûrement le timeout antispam si l&#39;onglet était ouvert depuis un peu trop longtemps, il faut absolument que je mette un avertissement.</p>
  172. <p>@tous : merci pour vos critiques, c&#39;est comme ça qu&#39;on progresse :-)</p>
  173. </div>
  174. </div>
  175. <div class="comment" typeof="schema:UserComments">
  176. <p class="comment-meta">
  177. <span class="comment-author" property="schema:creator">brice</span> le <span class="comment-date" property="schema:commentTime">20/07/2008</span> :
  178. </p>
  179. <div class="comment-content" property="schema:commentText">
  180. <p>Bonjour,</p>
  181. <p>Je viens de m&#39;inscrire, et je trouve ce service très bien réalisé et très pratique.</p>
  182. <p>Évidemment, il ne me sert à rien pour l&#39;instant puisque mes amis n&#39;y sont pas. Je leur en parlerait, mais je crois que ce qu&#39;il faudrait au site, c&#39;est surtout une démocratisation vers le grand public.</p>
  183. <p>J&#39;espère que les gens qui l&#39;utiliserons ne se limiterons pas aux geeks et autres habitués du &quot;web 2.0&quot; (un peu comme pour twitter malheureusement).</p>
  184. <p>Il faudrait ssayer d&#39;en faire parler dans les lycées, universités et écoles post-bac, je ne sait pas trop comment par contre. Tout dépend des moyens que vous avez...</p>
  185. <p>En tout cas, j&#39;en parlerait à mes amis ; bon courage pour la suite.</p>
  186. </div>
  187. </div>
  188. <div class="comment" typeof="schema:UserComments">
  189. <p class="comment-meta">
  190. <span class="comment-author" property="schema:creator">brice</span> le <span class="comment-date" property="schema:commentTime">20/07/2008</span> :
  191. </p>
  192. <div class="comment-content" property="schema:commentText">
  193. <p>J&#39;ajouterai que votre gros obstacle est Facebook, puisqu&#39;on peut y organiser de événements aussi. C&#39;est moins bien fait, mais déjà très répandu.</p>
  194. </div>
  195. </div>
  196. <div class="comment" typeof="schema:UserComments">
  197. <p class="comment-meta">
  198. <span class="comment-author" property="schema:creator">bl</span> le <span class="comment-date" property="schema:commentTime">20/07/2008</span> :
  199. </p>
  200. <div class="comment-content" property="schema:commentText">
  201. <p>Juste un remarque pour dire que vous devriez ajouter la possibilité d&#39;effacer son compte dans les options.<br />Je déteste ne pas pouvoir effacer mas informations quand je le veut, c&#39;est la seule chose qui fait que je résiste encore à m&#39;inscrire sur Facebook...</p>
  202. </div>
  203. </div>
  204. <div class="comment" typeof="schema:UserComments">
  205. <p class="comment-meta">
  206. <span class="comment-author" property="schema:creator">Thomas</span> le <span class="comment-date" property="schema:commentTime">23/07/2008</span> :
  207. </p>
  208. <div class="comment-content" property="schema:commentText">
  209. <p>@bl : je crois bien qu&#39;il est possible de supprimer son compte sur Facebook maintenant. J&#39;ai déjà lu ça, mais c&#39;est caché. De plus la via privée peut maintenant être réglé très finement de sorte qu&#39;on puisse apparaître totalement transparent au système (amis, applicaiotns facebook, module de recherche !).</p>
  210. <p>@David : je n&#39;ai toujours pas de feuille CSS sur le site avec IE6. <a href="http://mixinp.css.s3.amazonaws.com/9647/">http://mixinp.css.s3.amazonaws.com/9647/</a> m&#39;affiche une erreur IE &quot;Erreur HTTP 403 - Refusé&quot;. <a href="http://www.amazonaws.com/">http://www.amazonaws.com/</a> me redirige bien vers amazon par contre.</p>
  211. <p>Et sinon, pourquoi avoir choisit amazon pour héberger certains médias ? Pour économiser la bande passante ? Un bon header expires n&#39;aurait pas suffit ?</p>
  212. </div>
  213. </div>
  214. <div class="comment" typeof="schema:UserComments">
  215. <p class="comment-meta">
  216. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">23/07/2008</span> :
  217. </p>
  218. <div class="comment-content" property="schema:commentText">
  219. <p>@brice : merci pour les encouragements et les suggestions, il est certain qu&#39;une intégration avec Facebook sera inévitable à un moment ou à un autre.</p>
  220. <p>@bl : un simple mail suffit pour l&#39;instant et on est très réactifs à ce niveau là car on trouve que c&#39;est important aussi. Ça permet aussi d&#39;établir le dialogue pour comprendre ce qui s&#39;est mal passé.</p>
  221. <p>@Thomas : préoccupant ce problème de css, est-ce que tu arrives à accéder à <a href="http://mixinp.css.s3.amazonaws.com/9647/mixin-home.css">http://mixinp.css.s3.amazonaws.com/9647/mixin-home.css</a> ?</p>
  222. <p>Concernant le choix d&#39;Amazon WS c&#39;est pour tenir la charge en cas de pic (bon pour l&#39;instant ça nous a plutôt causé des soucis mais il n&#39;est pas encore temps de faire des conclusions hâtives).</p>
  223. </div>
  224. </div>
  225. <div class="comment" typeof="schema:UserComments">
  226. <p class="comment-meta">
  227. <span class="comment-author" property="schema:creator">Damien b</span> le <span class="comment-date" property="schema:commentTime">23/07/2008</span> :
  228. </p>
  229. <div class="comment-content" property="schema:commentText">
  230. <p>&quot;mais il n&#39;est pas encore temps de faire des conclusions hâtives&quot;</p>
  231. <p>Parce que chez Mixin on fait ses conclusions hâtives après mûre réflexion ? :-D</p>
  232. </div>
  233. </div>
  234. <div class="comment" typeof="schema:UserComments">
  235. <p class="comment-meta">
  236. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">23/07/2008</span> :
  237. </p>
  238. <div class="comment-content" property="schema:commentText">
  239. <p>Haha, je te hais :p</p>
  240. </div>
  241. </div>
  242. <div class="comment" typeof="schema:UserComments">
  243. <p class="comment-meta">
  244. <span class="comment-author" property="schema:creator">Thomas</span> le <span class="comment-date" property="schema:commentTime">24/07/2008</span> :
  245. </p>
  246. <div class="comment-content" property="schema:commentText">
  247. <p>@David : oui j&#39;ai bien accès à <a href="http://mixinp.css.s3.amazonaws.com/9647/mixin-home.css">http://mixinp.css.s3.amazonaws.com/9647/mixin-home.css</a></p>
  248. <p>Peut-être est-ce un problème d&#39;interprétation par IE6. Je suis le seul à avoir ce problème ?</p>
  249. <p>Après tout, aux chiottes IE6, tant pis pour ceux qui comme moi sont au boulot ;)</p>
  250. </div>
  251. </div>
  252. </div>
  253. </section>
  254. <footer>
  255. <nav>
  256. <p>
  257. <small>
  258. 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>
  259. </small>
  260. </p>
  261. </nav>
  262. </footer>
  263. </div>
  264. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  265. <script data-no-instant>InstantClick.init()</script>
  266. </body>
  267. </html>