The drummer in my first band used cardboard boxes. He didn’t have a great deal of money to buy the good stuff but he did have a nice set of drum sticks. By using cardboard boxes of varying sizes, he was able to put together a nice collection of drums for various sounds. The others of us in the band had legitimate guitars and we would practice whenever we could. The nice thing about the boxes was that you could also work on the band’s logo with magic markers. If you made a mistake, just get another box.
But, we were doomed for failure – what with no jobs, boxes for drums, and going to school for Grade 4 at the time – we really didn’t stand a chance.
Kids today have it so much easier. With their devices, they don’t have to learn to drum on boxes – they could use the HTML5Drum Machine.
Fire it up and you’ll see how electronics, programming, recording, downloading, music styles all converge into one neat little tool.
It was fun to mess around with and take it for a musical spin. Plug in a good set of headphones for a better enjoyable experience.
But it gets even better. In the category of “How did they do that?”, I decided to poke around. I had the drum machine loaded into Firefox so I right clicked to View Page Source. Here’s where being able to understand HTML pays off.
The code that’s behind this is actually embedded in a frameset with the real code coming from jamtom.com.
My next stop was to head over to that site and, indeed, there was the drum machine. Checking out the page source there gives the story behind the story. This isn’t for your typical Grade 4 student but it’s interesting reading the code behind genius that makes for such an interesting front end. It’s certainly far removed from editing out header tags but there’s that secondary school student that will really dig in to just how it works. Maybe they’ll be inspired to write one of their own?
If only we’d had this technology when we were in Grade 4. We coulda been somebody.