Robin Glauser


My Blog about Development, Design and my random thoughts.

TheaterJS – Simulate human typing effect

The TheaterJS simulates a human which is typing, by using a effect similar to typing on a typewriter. The plugin also simulates error inputs and occasionally types in the wrong letter to perfect the simulation. On the demo page of the plugin you can view the conversation between Luke and Darth Vader in Star Wars VI. You can set the … Read More


Scrollsound – Change volume of audio based on scrolling position

I’m currently working on a jQuery plugin as a side project.  The idea behind it is to create articles with background sound, which changes based on the position on the page. I had the idea from the website http://www.travelepisodes.com/reise/antarktis-kreuzfahrt-antarctica-cruise/ where the background sound doesn’t fade out, but just abruptly stops. It would be much nicer if the sound would fade out as … Read More


Animate the theme color of your website in chrome on android

Update: Apparently it doesn’t work in the beta version of chrome. Thanks to /u/aurimas_chromium for reporting the bug. (crbug.com/482291) It also only works if you have the option “Merge Tabs and Apps” turned on. Thanks to /u/plastix3000 You maybe knew that you could set the color of the navigation bar in chrome on android by adding the following meta tag to your … Read More


Regexr – Online Regex Tester

On regxr.com you can find a online regex tester. The match of your regex is automatically refreshed and you can also use substitutions. http://regexr.com/


How UML Class Diagrams work – Classes

If you ever had to create the architecture for a IT project you’ve surely heard of UML Diagrams. In this tutorial series I will show you how the UML Class Diagramm works with a few practical examples. UML is used to showcase the architecture of your system by giving you the tools to show the relations between your classes, the … Read More


1000 Chrome Experiments

The guys from chromeexperiments.com created a page with 1000 Google Chrome Experiments which were created by the users of this platform. You can sort them by date or even modify the source code in the browser to change the appearance of the bubbles. http://1000.chromeexperiments.com/


Sweetalert – Create beautiful javascript alerts

With Sweetalert you can create beautiful looking javascript alerts. Below is a demo for some basics alerts. The default usage is the same as for the javascript window.alert() function. Just call the sweetAlert function with a string as the first argument. sweetAlert(“Hello World”); http://tristanedwards.me/sweetalert


Gridlover – Generate your font layout online

On the website gridlover.net you can generate your font layout online.  The webapp let’s you customize various options for the font-size, line-height and scale factor. You can even preselect a few mathematical logical kombinations (ex. Golden Ratio) http://www.gridlover.net/app/


phpliveregex.com – PHP Live Regex Expression Tester

On phpliveregex.com you can test your regex with the php functions preg_match, preg_match_all, preg_replace, preg_grep and preg_split. You can input your regex, the flags and for the replacement function a replacement string. http://www.phpliveregex.com/


Linux – Crash and Burn Guide

Have you ever been in the position where your Linux system wouldn’t boot anymore? Maybe you tried to install the new NVIDIA drivers? Well so have I. In this guide I will describe the few possibilities how to get to a Linux Shell for your broken System so you can repair it. 1. Try to get to a TTY If … Read More