The git repo behind my blog.

dev.html 9.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  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/2015/12/localizing-a-webapp-with-webl10njs.html#localizing-a-webapp-with-webl10njs">Localizing a webapp with&nbsp;webL10n.js</a></h2>
  64. <p>
  65. Posted on December 26, 2015 in <a href="https://phyks.me/category/dev.html">Dev</a>
  66. &#8226; 2 min read
  67. </p>
  68. </header>
  69. <div>
  70. <p>I am currently working on a <a href="https://github.com/hackEns/VelibFxos">Velib webapp</a>. With <a href="http://blog.exppad.com/">Élie</a>, we modularized everything so that the backend <span class="caps">API</span> can be edited easily, and adapted to any other bike sharing system, hence we wanted it to be easily localizable and looked for solutions compatible with as much browsers as possible. We …</p>
  71. <br>
  72. <a class="btn" href="https://phyks.me/2015/12/localizing-a-webapp-with-webl10njs.html#localizing-a-webapp-with-webl10njs">Continue reading</a>
  73. </div>
  74. <hr />
  75. </article>
  76. <article>
  77. <header>
  78. <h2><a href="https://phyks.me/2015/04/blocking-javascript-on-a-per-api-basis.html#blocking-javascript-on-a-per-api-basis">Blocking JavaScript on a per <span class="caps">API</span>&nbsp;basis</a></h2>
  79. <p>
  80. Posted on April 14, 2015 in <a href="https://phyks.me/category/dev.html">Dev</a>
  81. &#8226; 2 min read
  82. </p>
  83. </header>
  84. <div>
  85. <p>JavaScript is widely used on the Internet, and living without it can be a real pain. However, JavaScript use raises some security concerns, in particular because some JavaScript APIs can be really sensitive. Indeed, WebRTC calls can be used to <a href="https://diafygi.github.io/webrtc-ips/">detect your real <span class="caps">IP</span></a> even the private one, on your …</p>
  86. <br>
  87. <a class="btn" href="https://phyks.me/2015/04/blocking-javascript-on-a-per-api-basis.html#blocking-javascript-on-a-per-api-basis">Continue reading</a>
  88. </div>
  89. <hr />
  90. </article>
  91. <article>
  92. <header>
  93. <h2><a href="https://phyks.me/2015/03/quick-comparisons-of-solutions-for-3d-cross-platform-mobile-development.html#quick-comparisons-of-solutions-for-3d-cross-platform-mobile-development">Quick comparisons of solutions for 3D cross-platform (mobile)&nbsp;development</a></h2>
  94. <p>
  95. Posted on March 27, 2015 in <a href="https://phyks.me/category/dev.html">Dev</a>
  96. &#8226; 7 min read
  97. </p>
  98. </header>
  99. <div>
  100. <p>I spent some time lately comparing available development toolkits for 3D games / apps on mobile platforms (mostly for hobby / indy apps). I do not want to have to adapt to much my base code depending on the target platform, and was then looking at a toolkit to write most of …</p>
  101. <br>
  102. <a class="btn" href="https://phyks.me/2015/03/quick-comparisons-of-solutions-for-3d-cross-platform-mobile-development.html#quick-comparisons-of-solutions-for-3d-cross-platform-mobile-development">Continue reading</a>
  103. </div>
  104. <hr />
  105. </article>
  106. <article>
  107. <header>
  108. <h2><a href="https://phyks.me/2015/01/publishing-through-the-known-api.html#publishing-through-the-known-api">Publishing through the Known <span class="caps">API</span></a></h2>
  109. <p>
  110. Posted on January 07, 2015 in <a href="https://phyks.me/category/dev.html">Dev</a>
  111. &#8226; 6 min read
  112. </p>
  113. </header>
  114. <div>
  115. <p>As stated in <a href="https://phyks.me/2015/01/thoughts-on-blogging-engine.html">my last article</a>, I&#8217;m considering moving my blog to Known. But I&#8217;m not a huge fan of <span class="caps">WSIWYG</span> editors. I find it handy sometimes, and can enjoy editing in Markdown on Github, but for a long post, I really prefer writing content on my own …</p>
  116. <br>
  117. <a class="btn" href="https://phyks.me/2015/01/publishing-through-the-known-api.html#publishing-through-the-known-api">Continue reading</a>
  118. </div>
  119. <hr />
  120. </article>
  121. <article>
  122. <header>
  123. <h2><a href="https://phyks.me/2014/11/proof-of-concept-bloomysearch-a-javascript-client-side-search-engine-for-static-websites.html#proof-of-concept-bloomysearch-a-javascript-client-side-search-engine-for-static-websites">Proof-of-concept: BloomySearch, a (JavaScript) client-side search engine for static&nbsp;websites</a></h2>
  124. <p>
  125. Posted on November 08, 2014 in <a href="https://phyks.me/category/dev.html">Dev</a>
  126. &#8226; 5 min read
  127. </p>
  128. </header>
  129. <div>
  130. <h2>Overview</h2>
  131. <p>Many websites and blogs are statically generated and the webserver only serves static files. It is the case of many doc websites and more and more blogs, starting from this one, as <a href="http://jekyllrb.com/">Jekyll</a> / <a href="http://blog.getpelican.com/">Pelican</a>&nbsp;develops.</p>
  132. <p>This is really useful to reduce the complexity of the website and the load …</p>
  133. <br>
  134. <a class="btn" href="https://phyks.me/2014/11/proof-of-concept-bloomysearch-a-javascript-client-side-search-engine-for-static-websites.html#proof-of-concept-bloomysearch-a-javascript-client-side-search-engine-for-static-websites">Continue reading</a>
  135. </div>
  136. </article>
  137. <div class="pagination">
  138. <a class="btn float-left" href="https://phyks.me/category/dev2.html">
  139. <i class="fa fa-angle-left"></i> Older Posts
  140. </a>
  141. </div>
  142. <footer>
  143. <p>
  144. &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>
  145. </p>
  146. <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>
  147. <a rel="license"
  148. href="http://creativecommons.org/licenses/by-nc-sa/4.0/"
  149. target="_blank">
  150. <img alt="Creative Commons License"
  151. title="Creative Commons License"
  152. style="border-width:0"
  153. src="https://phyks.me/theme/img/cc/by-nc-sa.png"
  154. width="80"
  155. height="15"/>
  156. </a>
  157. </p> </footer>
  158. </main>
  159. <script type="application/ld+json">
  160. {
  161. "@context" : "http://schema.org",
  162. "@type" : "Blog",
  163. "name": " Phyks' blog ",
  164. "url" : "https://phyks.me",
  165. "image": "/images/profile.png",
  166. "description": "I write about dev, FOSS, DIY and more, in French and English."
  167. }
  168. </script>
  169. </body>
  170. </html>