The git repo behind my blog.

dev3.html 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link href='https://phyks.me/theme/stylesheet/fonts.css' rel='stylesheet' type='text/css'>
  5. <link rel="stylesheet" type="text/css" href="https://phyks.me/theme/stylesheet/style.min.css">
  6. <link rel="stylesheet" type="text/css" href="https://phyks.me/theme/pygments/monokai.min.css">
  7. <link rel="stylesheet" type="text/css" href="https://phyks.me/theme/font-awesome/css/font-awesome.min.css">
  8. <link href="https://phyks.me/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Phyks' blog Atom">
  9. <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
  10. <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  11. <meta charset="utf-8" />
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  13. <meta name="HandheldFriendly" content="True" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  15. <meta name="robots" content="index, follow" />
  16. <!-- Chrome, Firefox OS and Opera -->
  17. <meta name="theme-color" content="#333">
  18. <!-- Windows Phone -->
  19. <meta name="msapplication-navbutton-color" content="#333">
  20. <!-- iOS Safari -->
  21. <meta name="apple-mobile-web-app-capable" content="yes">
  22. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  23. <!-- Microsoft EDGE -->
  24. <meta name="msapplication-TileColor" content="#333">
  25. <meta name="author" content="Phyks" />
  26. <meta name="description" content="I write about dev, FOSS, DIY and more, in French and English." />
  27. <meta property="og:site_name" content="Phyks' blog"/>
  28. <meta property="og:type" content="blog"/>
  29. <meta property="og:title" content="Phyks' blog"/>
  30. <meta property="og:description" content="I write about dev, FOSS, DIY and more, in French and English."/>
  31. <meta property="og:locale" content="en_US.UTF-8"/>
  32. <meta property="og:url" content="https://phyks.me"/>
  33. <meta property="og:image" content="/images/profile.png">
  34. <title>Phyks' blog &ndash; Category Dev</title>
  35. </head>
  36. <body>
  37. <aside>
  38. <div>
  39. <a href="https://phyks.me">
  40. <img src="/images/profile.png" alt="Phyks" title="Phyks">
  41. </a>
  42. <h1><a href="https://phyks.me">Phyks</a></h1>
  43. <p>I write about dev, FOSS, DIY and more, in French and English.</p>
  44. <ul class="social">
  45. <li><a class="sc-rss" href="feeds/all.atom.xml" target="_blank"><i class="fa fa-rss"></i></a></li>
  46. <li><a class="sc-envelope-o" href="mailto:phyks+blog@phyks.me" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
  47. <li><a class="sc-github" href="http://github.com/phyks/" target="_blank"><i class="fa fa-github"></i></a></li>
  48. <li><a class="sc-gitlab" href="https://git.phyks.me/phyks" target="_blank"><i class="fa fa-gitlab"></i></a></li>
  49. </ul>
  50. </div>
  51. </aside>
  52. <main>
  53. <nav>
  54. <a href="https://phyks.me">Home</a>
  55. <a href="https://links.phyks.me">Bookmarks</a>
  56. <a href="/pages/hosted-tools.html">Tools</a>
  57. <a href="/archives.html">Archives</a>
  58. <a href="/pages/memo-autohebergement.html">Autohébergement</a>
  59. <a href="https://phyks.me/feeds/all.atom.xml">Atom</a>
  60. </nav>
  61. <article>
  62. <header>
  63. <h2><a href="https://phyks.me/2014/04/timelinejs-une-lib-pour-tracer-des-graphes-en-javascript.html#timelinejs-une-lib-pour-tracer-des-graphes-en-javascript">Timeline.js, une lib pour tracer des graphes en&nbsp;JavaScript</a></h2>
  64. <p>
  65. Posted on 09 April 2014 in <a href="https://phyks.me/category/dev.html">Dev</a>
  66. &#8226; 2 min read
  67. </p>
  68. </header>
  69. <div>
  70. <p>Pour <a href="http://citizenair.io/">un projet</a> (dont je reparlerai sûrement
  71. bientôt, au passage), j&#8217;ai eu besoin de tracer des graphes en
  72. JavaScript. Le moyen le plus simple, sachant qu&#8217;en plus j&#8217;avais besoin
  73. d&#8217;un peu d&#8217;interactivité, était d&#8217;utiliser du <span class="caps">SVG</span> et de le générer
  74. directement en&nbsp;JavaScript.</p>
  75. <p>J …</p>
  76. <br>
  77. <a class="btn" href="https://phyks.me/2014/04/timelinejs-une-lib-pour-tracer-des-graphes-en-javascript.html#timelinejs-une-lib-pour-tracer-des-graphes-en-javascript">Continue reading</a>
  78. </div>
  79. <hr />
  80. </article>
  81. <article>
  82. <header>
  83. <h2><a href="https://phyks.me/2013/11/detecter-lappui-sur-e-en-javascript.html#detecter-lappui-sur-e-en-javascript">Détecter l&#8217;appui sur &#8220;é&#8221; en&nbsp;javascript</a></h2>
  84. <p>
  85. Posted on 17 November 2013 in <a href="https://phyks.me/category/dev.html">Dev</a>
  86. &#8226; 2 min read
  87. </p>
  88. </header>
  89. <div>
  90. <p>Pour les besoins d&#8217;un plugin pour le thème
  91. <a href="https://github.com/tmos/greeder">greeder</a> de
  92. <a href="https://github.com/ldleman/Leed">Leed</a> (gestion des raccourcis
  93. claviers), je devais détecter l&#8217;appui sur n&#8217;importe quelle touche du
  94. clavier en javascript. Pour ce faire, a priori, ce n&#8217;est pas très dur,
  95. il suffit de surveiller l&#8217;événement onkeydown et de …</p>
  96. <br>
  97. <a class="btn" href="https://phyks.me/2013/11/detecter-lappui-sur-e-en-javascript.html#detecter-lappui-sur-e-en-javascript">Continue reading</a>
  98. </div>
  99. </article>
  100. <div class="pagination">
  101. <a class="btn float-right" href="https://phyks.me/category/dev2.html">
  102. Newer Posts <i class="fa fa-angle-right"></i>
  103. </a>
  104. </div>
  105. <footer>
  106. <p>
  107. &copy; 2017 - This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>
  108. </p>
  109. <p>Powered by <a href="http://getpelican.com" target="_blank">Pelican</a> - <a href="https://github.com/alexandrevicenzi/flex" target="_blank">Flex</a> theme by <a href="http://alexandrevicenzi.com" target="_blank">Alexandre Vicenzi</a></p><p>
  110. <a rel="license"
  111. href="http://creativecommons.org/licenses/by-nc-sa/4.0/"
  112. target="_blank">
  113. <img alt="Creative Commons License"
  114. title="Creative Commons License"
  115. style="border-width:0"
  116. src="https://phyks.me/theme/img/cc/by-nc-sa.png"
  117. width="80"
  118. height="15"/>
  119. </a>
  120. </p> </footer>
  121. </main>
  122. <script type="application/ld+json">
  123. {
  124. "@context" : "http://schema.org",
  125. "@type" : "Blog",
  126. "name": " Phyks' blog ",
  127. "url" : "https://phyks.me",
  128. "image": "/images/profile.png",
  129. "description": "I write about dev, FOSS, DIY and more, in French and English."
  130. }
  131. </script>
  132. </body>
  133. </html>