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 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>iPhone, listes slidantes et applications web — 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/20081022-iphone-listes-slidantes-et-applications-web">
  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">iPhone, listes slidantes et applications web</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <p>Je parlais récemment de l'<a href="https://larlet.fr/david/biologeek/archives/2008108-critique-du-livre-designing-obvious/">importance de l'interface de l'iPhone</a> d'un point de vue ergonomique. Et bien ce soir je découvre <a href="http://www.grooveshark.com/">Grooveshark</a> qui m'évitera d'écrire un billet, c'est exactement ce à quoi je réfléchissais. Impressionnant.</p>
  45. <p>À quand une solution accessible et libre ?</p>
  46. </div>
  47. </article>
  48. <footer>
  49. <h6 property="schema:datePublished">— 22/10/2008</h6>
  50. </footer>
  51. </section>
  52. <section>
  53. <div>
  54. <h3>Articles peut-être en rapport</h3>
  55. <ul>
  56. <li><a href="/david/biologeek/archives/20081020-le-futur-des-reseaux-sociaux-passera-par-le-w3c/" title="Accès à Le futur des réseaux sociaux passera par le W3C">Le futur des réseaux sociaux passera par le W3C</a></li>
  57. <li><a href="/david/biologeek/archives/20081012-manque-t-il-une-surcouche-rdf/" title="Accès à Manque-t-il une surcouche à RDF ?">Manque-t-il une surcouche à RDF ?</a></li>
  58. <li><a href="/david/biologeek/archives/20081010-wikipedia-propulsee-par-ubuntu/" title="Accès à Wikipedia propulsée par Ubuntu">Wikipedia propulsée par Ubuntu</a></li>
  59. </ul>
  60. </div>
  61. </section>
  62. <section>
  63. <div id="comments">
  64. <h3>Commentaires</h3>
  65. <div class="comment" typeof="schema:UserComments">
  66. <p class="comment-meta">
  67. <span class="comment-author" property="schema:creator">Ange Zanetti</span> le <span class="comment-date" property="schema:commentTime">22/10/2008</span> :
  68. </p>
  69. <div class="comment-content" property="schema:commentText">
  70. <p>Ce matin vient de sortir le code source d&#39;Android, solution de Google pour les mobiles. <br />Beaucoup des fans de GSM attendent avec impatience ce nouveau firmware car il est comparé a celui de ..... L&#39;Iphone !! <br />Voilà la solution libre est arrivée.<br />Pour info le code source est dispo ici : <a href="http://source.android.com/">http://source.android.com/</a></p>
  71. </div>
  72. </div>
  73. <div class="comment" typeof="schema:UserComments">
  74. <p class="comment-meta">
  75. <span class="comment-author" property="schema:creator">Romain</span> le <span class="comment-date" property="schema:commentTime">22/10/2008</span> :
  76. </p>
  77. <div class="comment-content" property="schema:commentText">
  78. <p>Mouais... Quand je vois l&#39;accès que Google s&#39;autorise aux mobiles sous Androïd, ben bizarrement j&#39;ai pas trop confiance dans ce système! Vivement les forks...</p>
  79. <p><a href="http://www.pcinpact.com/actu/news/46721-google-android-kill-switch-marketplace.htm">http://www.pcinpact.com/actu/news/46721-google-android-kill-switch-marketplace.htm</a></p>
  80. </div>
  81. </div>
  82. <div class="comment" typeof="schema:UserComments">
  83. <p class="comment-meta">
  84. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">22/10/2008</span> :
  85. </p>
  86. <div class="comment-content" property="schema:commentText">
  87. <p>@Ange Zianetti :</p>
  88. <p>&gt; Voilà la solution libre est arrivée.</p>
  89. <p>Euh j&#39;attendrais d&#39;en savoir plus pour pouvoir affirmer cela, ils ont une fâcheuse tendance à oublier de mettre à jour leurs conditions d&#39;utilisation. Il faut faire attention aux effets d&#39;annonce.</p>
  90. <p>Et je parlais d&#39;une solution libre en html/css/js, quelque chose d&#39;utilisable dans un navigateur :-)</p>
  91. </div>
  92. </div>
  93. <div class="comment" typeof="schema:UserComments">
  94. <p class="comment-meta">
  95. <span class="comment-author" property="schema:creator">zyegfryed</span> le <span class="comment-date" property="schema:commentTime">22/10/2008</span> :
  96. </p>
  97. <div class="comment-content" property="schema:commentText">
  98. <p>Hummm...Le site que tu montre sest en Flash si je ne m&#39;abuse. Niveau standards ce n&#39;est pas la fête !...<br />(Rien à dire niveau ergonomie pas contre)</p>
  99. </div>
  100. </div>
  101. </div>
  102. </section>
  103. <footer>
  104. <nav>
  105. <p>
  106. <small>
  107. 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>
  108. </small>
  109. </p>
  110. </nav>
  111. </footer>
  112. </div>
  113. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  114. <script data-no-instant>InstantClick.init()</script>
  115. </body>
  116. </html>