Bitsphere's Weblog

… a bitart weblog

Leave a comment

The Elements Of Design by Patrick Butler

After the recent change in the interior design of the office Bitsphere pinned printouts of the two pdfs “Elements of Design” and “Principles of Design” by Patrick Butler at the pin-board. The documents are available for download at

The elements are not necessarily unknown in the art world as Bitsphere found them back in the photography book “Learning to see creatively” by Bryan Peterson. The principles apply not only to visual arts but are common in music and dance too. During the next few months the pdfs will stay pinned and there may be another post about the “Elements of Design” which are Line, Shape, Form, Colour, Value, Texture and Space.



Leave a comment

Jsocialcloud – Why it is cool to publish code

cloud2014In September ’14 Bitsphere published a small Javascript work on  The published code lets coders embed links to various social media accounts as images floating in a div. Please visit for an example implementation of the code.

This is the first code piece Bitsphere published and it let to several insight about coding. To share some of them with you will find a short list in the next paragraph:

  1. To publish code forces to format the code in a very proper way.  It forces the programmer to go over the code several times and keep the comments and the styling proper. This fact alone should make publishing source code to a public site a part of tech education
  2. Package management is not that easy ( at least at Sourceforge ). When altering a file after publishing the .zip file the .zip needs to be redone too. This sounds trivial but somehow slows down fast modifications. So if you publish make sure that you plan some time for the publishing itself.
  3. To have code on line is cool. People may convince themselves of the capabilities at Bitsphere and a sample work – though a small one – is always at hand when discussing achievements and former results which tends to stay in a much more abstract level whitout even a link to accomplished work. (This may help in job interviews).
  4. Things never are perfect. Bitsphere always thinks of some changes that will come in a next release though at some point release 1.0 has to be declared as finished. Then it comes to your proper project management that you keep track of the next steps to be done.


If you look for a add-on for your homepage check back the code at the link at top and leave a comment about your experience!

Leave a comment

New site design on this blog

Just announcing that the Bitsphere Blog switched to another more mobile friendly theme called “Yoko”. Maybe it is a tribute to Yoko Ono? She is still active: Here is her soundcloud account:

Feel free to share your experience with this theme in the comment box!

Leave a comment – New Site Design and Typo3 Backend

timelessDuring the quiet days around the end of the year got the new site design promised in January 2013. The site is running with a Typo3 backend which makes it easier to change and add content. Typo3 – especially typoscript – is not that easy to handle but rewards with robustness and a lot of possibilities to tailor the software for specific purposes. As by now there is no intention to move this blog away from since the people here have done a great job in the last years, the .com site is regularly updated by the stuff and Bitsphere may use the new features immediately. Furthermore has a rather good integration in social networks. Anyways Bitsphere is happy to have a new home so check it out and leave your comments here at the blog!

1 Comment

Sound Map Project, Bandcamp, Typo3, 2013

album_art_2013Several things are going on at the Bitsphere Project and made the blog becoming a little starving though in general the year started very good.

The Sound Map Project

The Sound Map Project is going on well there are already a few recordings collected. Birds, waves and the noise of a building site among other sounds. There are some technological issues the final version will for sure not be as intended and described in  the last post Developing a Neuchâtel Sound Map. The main reason about the technology change is evernote is recording sounds in exactly one file format which is very well protected by copyright in case of an android phone. But luckily there are many free recording apps which allow high quality file formats. Another issue is that a stand-alone web site allows more flexibility in providing access to the sound map for people with a less technological background which do not know evernote yet.


Currently Bitsphere is doing a website with the open source CMS Typo3. To work with a CMS to do the site and others was a long hold back idea which now comes true and will hopefully make it more easy to update the website on a regular basis. It seems that the skill of mastering a professional CMS also opens business opportunities. In the end the sound map may be done using that system too.

One Minute Video

This year will be a one minute video most likely too. There is an idea with an augmented reality app using a laser to generate music and then turn the outcome in a sounding video.

Ringtones on moved to

Vibedeck hosted the Bitsphere Ringtones for a while as mentioned earlier. Unfortunately they are no longer offering a free service and will drop all non paying accounts by the end of January. At this very moment it seems the best solution to move them to since they offer paid downloads with reasonable fees. is the new URL to get them. Still you may listen to all the sounds at soundcloud but soundcloud is somewhat too limited to offer downloads to non paying users so chances are that the limit is exceeded by people not really using the sounds.


Thank you for making 2012 the year with the most visits on this blog. If you have any questions, ideas or issues just make use of the comment section or the numerous social media links on this site!

Leave a comment

Guerrilla Web Sounds – Part III

Towards the end of last year Bitsphere published two posts about Guerrilla Web Sounds: part I which is about the concept and part II about the implementation on This post is the third part of this series.

To give other people the possibility to enhance their website with tunes Bitsphere has uploaded six sounds to The set consists of sounds from the office environment so it perfect fits the purpose to come merely unrecognized by people apart from those calling your web site. The names of the sounds almost speak for themself:

  • Dropping key – recorded from an old keyboard key dropping on a table
  • Keyboard scratching desk – the sound of a keyboard scratching on a desk when moved like unintended
  • Key pressed – a record of pressing a key on a keyboard
  • Mouse click – the sound of pressing a mouse button
  • Opening pen – the recording of the sound of someone opening a pen
  • Sheets rustling – sheets rustling on desk

Unfortunately does not allow to publish javascript excerpts. So Bitsphere uploaded a sample javascript which enables a HTML4 site to play sound. You find the required files on

The lines relevant to play sound in the html file are  the span-tag which acts as a container for the sound file which is empty in the beginning and the onMouseOver – trigger assigned to a link, but you may use any tag you like. It makes the html call the playSound.js when the mouse passes the element.

The playSound.js script fills the empty span in the .html with the sound file and play this according to the settings. In the example over at sourceforge there is a mp3 in use but if you prefer you could use any other web compliant format.

So with this code you are able to to play the sounds at soundcloud mentioned above or even your own files.

If you have questions about the code, remarks on the sound files or ideas about bringing sound to the web just use the comment section!

Leave a comment

Guerrilla Web Sounds – Part II

This summer Bitsphere wrote about the Guerrilla Web Sounds project. You find the first post here: Guerrilla Web Sounds. This still seems to be an idea worth following.

Last week the Bitsphere website was updated with a guerrilla sound. A low pink noise sound is played when a visitor hovers over a link in the left navigation bar. Checked it out and tell about your experience in the comment section!

Technically the sound is played by a javascript which is activated with the "onmouseover" property of the a-tag. The script sets a timeout after playing the song once. So there is a break in between two calls of the function to prevent browsers to get confused. If you have questions about the implementation or how to implement yourself feel free to ask!