Author: Raffael

JavaScript based online Gameboy emulator

Posted by Raffael on Posted in JavaScript, Personal stuff, Web Tips Tagged , , , , , ,

Original GameboyIt’s not often that I play games. And if I do, then my favorites are classic games. And yes, I still grow up with a Gameboy. With a large Gameboy.  Since these are no longer available, I have already had one or two emulators in my hands.  But what I’ve found now on the web, I’ve never seen before.
A student named Grant has developed his own Game Boy emulator. The remarkable thing is that it is completely written JavaScript and therefore runs online.
I think that’s an extraordinary achievement. An online demo can be found here. Also Grant has uploaded the sources to github.
The roms, which are needed to play, you have to get by yourself. But a short look over at Google should help you. Because the procurement of roms is in a legal […]

Tutorial: How to create a simple HTML5 JavaScript based progress bar

Posted by Raffael on Posted in JavaScript, Tutorials Tagged , , , , , ,

JavaScript Progressbar
Since I needed a javascript based progress bar for a Web project and I could not find a component that meets my expectations, I decided to write my own progressbar.
The project was implemented in JavaScript with help of the HTML5 canvas element. The progress bar gets along without any image files, as it is usually the case with other JS / CSS progress bar solutions. By default it can handle 100 states (0-100%) and input errors will be caught and visualized.
Since I like to share my developments I present you the progressbar of course. I’m always open for criticism, praise and suggestions.
For a demo / example click here. The source can be found over here: pbar.js
Below I will show you quickly how to use the progressbar.
At first you have to embed the progress bar script […]

Update: HNBK.plan 1.0.8 released

Posted by Raffael on Posted in Downloads, News & Apps, Personal stuff, Programming Tagged , , , , , , , , , , ,

hnbk.plan-1.0.8_screenshotThe last update for the HNBK.plan app is already again a while. Today I’ll present you a new release. HNBK.plan in version 1.0.8. But please don’t expect great innovations. I only removed one silly bug that has been created through the new year. The current version can be found in the main article for the app. (Follow the link below.)
Download: HNBK.plan 1.0.8
 
For the nerds there’s something to smile. The error, that had crept in, was one to hit your head on the table… But take a look for yourself…
Old line:
String planUrl = "http://217.78.137.198:64004/c/" +kw + "/c" + createClassPath() + ".htm";
Fixed line:
String planUrl = "http://217.78.137.198:64004/c/" + (((kw + "").length() == 1) ? "0"+kw : kw) + "/c" + createClassPath() + ".htm";
Best regards,
Raffi

HNBK.plan – a substitute schedule app for the Heinz-Nixdorf-Berufskolleg

Posted by Raffael on Posted in Downloads, News & Apps, Personal stuff, Programming Tagged , , , , , , , , , , , ,

May I introduce to you? HNBK.plan – a substitute schedule app for the HNBK (Heinz-Nixdorf-Berufskolleg) in Essen, NRW. Since the online representation of the plan unfortunately is very awkward to reach and the operation via smartphone resembles a true odyssey, I thought it was time for an app. So I took time to learn the Android app development basics. To put it in a nutshell – I created my first native Android app, which can be downloaded by you from now on.
Screenshots and handling
hnbk.plan-1.0.7_screenshot (1)  hnbk.plan-1.0.7_screenshot (2)  hnbk.plan-1.0.7_screenshot (3)  hnbk.plan-1.0.7_screenshot (4)
(Click on the screenshots to maximize them)

After the initial start you have to select the class whose representation plan […]

How to use gzip on WordPress

Posted by Raffael on Posted in PHP, Tutorials, Wordpress Tagged , , , , ,

gzipSo far I never worried about the page load speed of this blog. But so far I even thought WordPress would use gzip compression on it’s own. Like I said, so far. Today I realized that WordPress is not just doing exactly that.
For those who are lost in gzip, I’ll give a short explanation at first. Gzip is a compression method in order to minimize the size of a file. Today it is mostly used on Unix systems. In the website context, it is used to reduce the size of data which is transferred from the server to the user’s web browser. This not only reduces the traffic and, by implication, the overheads too, but also it brings a reduction of the […]