• Martin Thoma
  • Home
  • Categories
  • Tags
  • Archives
  • Support me

Recent Posts

Play Audio

Play Audio

Our senses have a limited capability to distinguish signals. This might not be surpristing. However, we also have a limited capability to tell in which order signals arrived at our sensory organs. As I learned this, I wanted to check it. I wrote a little JavaScript / HTML5 page where you … Read More »
HTML5 Template

HTML5 Template

Once in a while I need to create simple HTML pages. This is the template I use: TODO

TODO

and as a sublime snippet: Read More »
Graphic filters

Graphic filters

I begin to fall in love with JavaScript and HTML5. You can access your Webcam with JS! As an example, I've implemented some graphic filters. Basics HTML5 You need: This is the bare minimum HTML code you need for valid HTML: Some title … <a class="readmore" href="graphic-filters/" rel="bookmark" title="Graphic filters" tabindex="-1">Read More »</a> </section> </td> </tr> </table> </article> <article> <!-- <a href="k-nearest-neighbor-classification-interactive-example/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2013/05/k-means-interesting-setting-thumb.png" class="alignleft post_thumbnail wp-post-image" alt="k-nearest-neighbor classification and k-means - an interactive example"></a> <h2 class="title"><a href="k-nearest-neighbor-classification-interactive-example/">k-nearest-neighbor classification and k-means - an interactive example </a></h2> <a href="k-nearest-neighbor-classification-interactive-example/">k-nearest-neighbor classification and k-means - an interactive example </a> <section> posted in <a href="../../categories.html#code-ref">Code</a> <div class="recent-posts-time"> <time pubdate="pubdate" datetime="2013-05-19T15:23:11+02:00">So 19 Mai 2013</time> </div> </section>--> <table class="transparent"> <tr> <td style="width:128px;"> <a href="k-nearest-neighbor-classification-interactive-example/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2013/05/k-means-interesting-setting-thumb.png" class="alignleft post_thumbnail wp-post-image" alt="k-nearest-neighbor classification and k-means - an interactive example"></a> </td> <td> <h2 class="title"><a href="k-nearest-neighbor-classification-interactive-example/">k-nearest-neighbor classification and k-means - an interactive example </a></h2> <section>When the circle has exactly the same number of blue / green dots in it, it will be green. When you move the mouse over the box, everything will be calculated and drawn again. This leads to flickering with k-means, as k-means includes a random choice of cluster centers. Changelog Version … <a class="readmore" href="k-nearest-neighbor-classification-interactive-example/" rel="bookmark" title="k-nearest-neighbor classification and k-means - an interactive example" tabindex="-1">Read More »</a> </section> </td> </tr> </table> </article> <article> <!-- <a href="search-engine-autodiscovery/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2011/10/firefox-add-search-engine-thumb.png" class="alignleft post_thumbnail wp-post-image" alt="Search Engine Autodiscovery"></a> <h2 class="title"><a href="search-engine-autodiscovery/">Search Engine Autodiscovery </a></h2> <a href="search-engine-autodiscovery/">Search Engine Autodiscovery </a> <section> posted in <a href="../../categories.html#code-ref">Code</a> <div class="recent-posts-time"> <time pubdate="pubdate" datetime="2011-10-22T11:12:07+02:00">Sa 22 Oktober 2011</time> </div> </section>--> <table class="transparent"> <tr> <td style="width:128px;"> <a href="search-engine-autodiscovery/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2011/10/firefox-add-search-engine-thumb.png" class="alignleft post_thumbnail wp-post-image" alt="Search Engine Autodiscovery"></a> </td> <td> <h2 class="title"><a href="search-engine-autodiscovery/">Search Engine Autodiscovery </a></h2> <section>Recently I read a very good post about search engine autodiscovery by Jan Phillip. Did you know that many browsers can detect an internal search engine automatically? Firefox gives you the possibility to add such a search engine to your browser: Firefox: Add search engine detected via autodiscovery OpenSearch OpenSearch … <a class="readmore" href="search-engine-autodiscovery/" rel="bookmark" title="Search Engine Autodiscovery" tabindex="-1">Read More »</a> </section> </td> </tr> </table> </article> </div> </div> </div> </div> </div> <div class="col-sm-1 col-md-1"></div> </div> </div> <div id="push"></div> </div> <footer class="no-print"> <div id="footer"> <ul class="footer-content"> <li class="elegant-subtitle"><span class="site-name">Martin Thoma</span> - A blog about Code, the Web and Cyberculture</li> <li><a href="https://martin-thoma.com/email-subscription">E-mail subscription</a></li> <li><a href="https://martin-thoma.com/feeds/index.xml">RSS-Feed</a></li> <li><a href="http://www.martin-thoma.de/privacy.htm">Privacy/Datenschutzerklärung</a></li> <li><a href="http://www.martin-thoma.de/impressum.htm">Impressum</a></li> <li class="elegant-power">Powered by <a href="https://blog.getpelican.com/" title="Pelican Home Page" tabindex="-1">Pelican</a>. Theme: <a href="https://elegant.oncrashreboot.com" title="Theme Elegant Home Page" tabindex="-1">Elegant</a> by <a href="https://www.oncrashreboot.com/" title="Talha Mansoor Home Page" tabindex="-1">Talha Mansoor</a></li> </ul> </div> </footer> <script src="//code.jquery.com/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script> function validateForm(query) { return (query.length > 0); } </script> <script> (function(){ 'use strict'; /* Create intra-page links Requires that your headings already have an `id` attribute set For every heading in your page, this adds a little anchor link `#` that you can click to get a permalink to the heading. Ignores `h1`, because you should only have one per page. The text content of the tag is used to generate the link, so it will fail "gracefully-ish" if you have duplicate heading text. Credit: https://gist.github.com/SimplGy/a229d25cdb19d7f21231 */ var headingNodes = [], results, link, tags = ['h2', 'h3', 'h4', 'h5', 'h6']; tags.forEach(function(tag){ var contentTag = document.getElementById('contentAfterTitle'); results = contentTag.getElementsByTagName(tag); Array.prototype.push.apply(headingNodes, results); }); headingNodes.forEach(function(node){ link = document.createElement('a'); link.className = 'deepLink'; link.textContent = ' ¶'; link.href = '#' + node.getAttribute('id'); node.appendChild(link); }); })(); </script> </body> <!-- Theme: Elegant built for Pelican License : https://elegant.oncrashreboot.com --> </html>