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

Recent Posts

The JavaScript World

The JavaScript World

This is likely to grow. Angular FrontendFramework MVC TypeScript-based front-end web application framework by Google Express.js BackendFramework A framework for Node.js designed for building web applications and APIs. Gulp.js Tool build system / task runner in front-end web development, used for automation of tasks like minification … Read More »
Languages for Back Ends

Languages for Back Ends

What programming language would I use for the back end of a big, new project in a startup which wants to offer a web service? Sure, on the client side there is pretty much only JavaScript (including variants like CoffeeScript and TypeScript) in combination with HTML and CSS. I've used … 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="three-js-is-awesome/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2013/07/threejs-reflection-thumb.png" class="alignleft post_thumbnail wp-post-image" alt="three.js is AWESOME!"></a> <h2 class="title"><a href="three-js-is-awesome/">three.js is AWESOME! </a></h2> <a href="three-js-is-awesome/">three.js is AWESOME! </a> <section> posted in <a href="../../categories.html#code-ref">Code</a> <div class="recent-posts-time"> <time pubdate="pubdate" datetime="2013-07-01T16:21:44+02:00">Mo 01 Juli 2013</time> </div> </section>--> <table class="transparent"> <tr> <td style="width:128px;"> <a href="three-js-is-awesome/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2013/07/threejs-reflection-thumb.png" class="alignleft post_thumbnail wp-post-image" alt="three.js is AWESOME!"></a> </td> <td> <h2 class="title"><a href="three-js-is-awesome/">three.js is AWESOME! </a></h2> <section>I recently discovered three.js, a JavaScript library/API used to create and display animated 3D computer graphics. Here are some examples what you can do with three.js. It's pure JavaScript, no Flash required! They all worked smooth on my Notebook (Intel Pentium P6200 processor) with Google Chrome 28 … <a class="readmore" href="three-js-is-awesome/" rel="bookmark" title="three.js is AWESOME!" tabindex="-1">Read More »</a> </section> </td> </tr> </table> </article> <article> <!-- <a href="javascript-wtf/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/" class="alignleft post_thumbnail wp-post-image" alt="JavaScript: WTF?!?"></a> <h2 class="title"><a href="javascript-wtf/">JavaScript: WTF?!? </a></h2> <a href="javascript-wtf/">JavaScript: WTF?!? </a> <section> posted in <a href="../../categories.html#code-ref">Code</a> <div class="recent-posts-time"> <time pubdate="pubdate" datetime="2013-06-26T22:51:52+02:00">Mi 26 Juni 2013</time> </div> </section>--> <table class="transparent"> <tr> <td style="width:128px;"> <a href="javascript-wtf/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/" class="alignleft post_thumbnail wp-post-image" alt="JavaScript: WTF?!?"></a> </td> <td> <h2 class="title"><a href="javascript-wtf/">JavaScript: WTF?!? </a></h2> <section>JavaScript is THE web programming language. It gets interpreted by your browser and web applications like Google Mail, Google Maps and Facebook make heavy use of them. Almost always, when you see something working smoothly / interactive, you see JavaScript in action. But JavaScript has a lot of "features" which are … <a class="readmore" href="javascript-wtf/" rel="bookmark" title="JavaScript: WTF?!?" tabindex="-1">Read More »</a> </section> </td> </tr> </table> </article> <article> <!-- <a href="polynomial-interpolation/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2013/06/polynom.png" class="alignleft post_thumbnail wp-post-image" alt="Polynomial interpolation"></a> <h2 class="title"><a href="polynomial-interpolation/">Polynomial interpolation </a></h2> <a href="polynomial-interpolation/">Polynomial interpolation </a> <section> posted in <a href="../../categories.html#code-ref">Code</a> <div class="recent-posts-time"> <time pubdate="pubdate" datetime="2013-06-22T18:41:43+02:00">Sa 22 Juni 2013</time> </div> </section>--> <table class="transparent"> <tr> <td style="width:128px;"> <a href="polynomial-interpolation/" tabindex="-1"><img style="width:128px; height:128px;" src="../../images/2013/06/polynom.png" class="alignleft post_thumbnail wp-post-image" alt="Polynomial interpolation"></a> </td> <td> <h2 class="title"><a href="polynomial-interpolation/">Polynomial interpolation </a></h2> <section>Suppose you have a list of $n+1$ given point $(x_i, y_i)$ with $i \in {0, \dots, n}$ and $\forall i,j \in {0, \dots, n}: i \neq j \Rightarrow x_i \neq x_j$. Now you want to find a polynomial $\displaystyle p(x) = \sum_{i=0}^n a_i \cdot x … <a class="readmore" href="polynomial-interpolation/" rel="bookmark" title="Polynomial interpolation" 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> </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>