How to implement your own social media buttons

Posted by Raffael on 12/14/201305/08/2014 Posted in HTML, JavaScript, PHP, Tutorials, Wordpress Tagged Custom Like button, Gravatar, jQuery, JSON, Like-Button, Like-Counter, Share-Button

Nowadays you will hardly find a website without it. What is it what I’m taling about? Did you already guess it? I mean Like buttons, Share buttons, Like counter, avatars, etc. – if you look at today’s network landscape, it’s hard to imagine that there was a time before all that fancy stuff.
And that’s why I want to show you today how to install functionalities like Facebook’s share button, Twitter’s tweet button and counter, as well as Gravatar’s user-image service. In the following tutorial you will learn how to implement these functionalities into your website.
I deliberately say “functionality” because I do not want to show you how to use the finished and standardised components, but how to address the core functionality, so you can afterwards operate quite freely, for example in the design of the […]

How to enable autocomplete aka Intellisense in Notepad++

Posted by Raffael on 11/30/2013 Posted in Tutorials Tagged notepad++, notepad++ autocomplete, notepad++ intellisense

Anyone who has ever worked with Microsoft’s Visual Studio, will know and love Intellisense. When writing source code the auto-completion feature does a good piece of work for you. Now the good news! If you are rather a fan of writing your code in a more lightweight editor like Notepad++, you don’t have to completely give up the autocomplete support.
Even Notepad++ comes with a auto-completion feature. It only needs to be activated. How to do that, is what I want to show you in the following.
Step 1:
notepad++_intellisense_autovervollständigung_aktivieren_1
Open the Options dialog from the menu and change to the tab “backup / autocomplete”. Now check both, the “Enable autocomplete” and “Show Function Parameters” option.
Step […]

RadioduinoWRT – a do it yourself webradio

Posted by Raffael on 11/05/201303/21/2015 Posted in Arduino, Hardware Hacks, HTML, OpenWrt, Personal stuff, PHP, Tutorials Tagged Arduino radio, Arduino web radio, MPC, MPD, OpenWrt, OpenWRT MPD, OpenWRT web radio, RadioduinoWRT, TP-Link WR703N, WR703N hacks, WR703N lighthttpd, WR703N lighttpd, WR703N web radio

RadioduinoWRT Today I want to present you one of my larger craft projects. This time it is not just about software, but also about the associated hardware. What is it? A web radio!
I like to listen to internet radio stations, but I didn’t want to run my pc only for listening to webradios. Connecting my phone to my stereo either wasn’t a solution, since I’d rather wear this with me, because I don’t want to run for each SMS / Whatsapp message to the music system. And because I always like to tinker, it was obvious to build a web radio as a standalone device myself.
As this article has become a bit longer, there is a brief overview of the following sections of the article, so that everyone can quickly find what he looks for.

What is the RadioduinoWRT?
Considerations before […]

Update: WordPress2Doc 1.1.0.0

Posted by Raffael on 11/04/2013 Posted in Downloads, Wordpress Tagged bugfix, Update, Wordpress2Doc

Wordpress2Doc Version 1.1.0.0 Short info: After Habared has kindly told me on GitHub that my “WordPress2Doc” tool has a few problems with UTF-8 characters, I took time and wrote a small fix.
In fact, I had missed the character encoding in the HTML code that is embedded in both, the generated .docx- and .pdf-documents.
The latest, UTF-8 compatible version of WordPress2Doc can be found both in the main article and on GitHub. I would appreciate any feedback!
Download WordPress2Doc

How to pixelate images using Javascript

Posted by Raffael on 10/30/2013 Posted in HTML, JavaScript, Tutorials Tagged Close Pixelate, how to pixelate images with javascript, JavaScript, JS, JS Canvas, pixelated images with javascript, use js to pixelate

Today there is again a bit of Javascript code. The exact topic is about how you can pixelate images via Javascript. This has both advantages and drawbacks, which I would like to briefly point out once below.
Advantages:

Pixelation can be done dynamically (Manual effort in your graphics program falls away. Graphics must not be known beforehand.)
The computational power required is outsourced to the client side. In contrast to a server-side solutions (eg using PHP & Imagick), the computational load is distributed to the users. This helps to keep the server load low, if you have a lot of visitors.

Disadvantages:

The pixelation should be used rather as design or graphic effect, since the data is only sent not pixelated to the client. So if you really want to hide faces and picture information the pixelation still needs to be done before delivery […]