Tag Archives: geekulele

Song: Oh! Selector ♪

Downloads

Get high quality versions of this song from iTunes and Bandcamp.
Also, free not-quite-so-high quality downloads are available from SoundCloud and Last.fm.

Lyrics

Now when I was a young boy startin' out in this industry
I remember this pearl of wisdom that the internet gave to me.
To manipulate or decorate something on a web page
First ya gotta grab it and there's pretty much just one way...

[Chorus]
Oh selector, oh won't you fetch for me
With your magic sense, all the elements within the old DOM tree.

Now selectors can be used in CSS, oh but there's more.
In plain ol' JavaScript as well with querySelector().
And don't forget the libraries like jQuery and so
You could say that they're essential if you wanna be a pro.

[Chorus]

The next step on your journey is to learn selector syntax.
There's not much to remember so don't worry, just relax.
You start with a plain ol' tag name if you want it to be styled,
Use "plus" for adjacent sibling and "greater than" for a child.

[Chorus]

A dot is for a class name and for IDs it's a hash.
Use square brackets for attributes and you're sure to find a match.
Now :hover needs a colon like :focus and :target.
There's other stuff as well but that's enough to get you started.

[Chorus]

One final word of warning for my song to be complete.
Remember please that all IDs have got to be unique.
They're bad 'n' they're mean and they don't fight clean and you're gonna find it tough
If you use more than one of each because this DOM ain't big enough.

[Chorus x 2]

Please Retweet This Song ♪

Downloads

Get high quality versions of this song from Bandcamp.
Also, free not-quite-so-high quality downloads are available from SoundCloud and Last.fm.

Lyrics

I wrote a new song and put it up on the web.
When I checked the next day, the number of plays, to my dismay was ten.
Maybe my music is not that great in the end.
Maybe I should sell myself to my friends.

And if you think this is true
There's one thing you can do

Please retweet this song
That's all they seem to say
Please retweet this song
Is the mantra of today
And if you agree
If you see the irony then
Please retweet this song

So many people are desperate to be heard.
They try to promote something they wrote to get upvotes on their network.
They urge us to click, to share and subscribe.
No need for humility, they wannabe a celebrity online.

And if you share this point of view
What I'd really like you to do is

Please retweet this song
That's all they seem to say
Please retweet this song
Is the mantra of today
And if you agree
If you see the irony then
Please retweet this song

Maybe this is not a new thing
The spread of personal marketing
People have always used their peers 
To cultivate and propagate and advocate and disseminate and circulate their ideas

Please retweet this song
That's all they seem to say
Please retweet this song
Is the mantra of today
And if you agree
If you see the irony then
Please retweet this song

And as they keep sending metweets galore
The rest of us will endeavour not to measure our friends with a score
And as they grow ever greedier
My proposal is to focus on the social in social media.

And if you feel like this too
I think you know by now what to do

Please retweet this song
That's all they seem to say
Please retweet this song
Is the mantra of today
And if you agree
If you see the irony then
Please retweet this ...

Please retweet this song
That's all they seem to say
Please retweet this song
Is the mantra of today
And if you agree
If you see the irony then
Please retweet this, don't delete this, just retweet this song

Released under a Creative Commons (attribution, non-commercial) license.

Song: Step Away From The Screen ♪

A lullaby for geeks (well, mostly for myself).

Downloads

Get high quality versions of this song from iTunes and Bandcamp.
Also, free not-quite-so-high quality downloads are available from SoundCloud and Last.fm.

Lyrics

Darkness is here and the streetlamps are lit.
But you're still awake reading comments on the 'net.
You're not in bed yet.
So someone was wrong on the internet today.
They can wait till tomorrow to hear what you've got to say.
Step away from the screen,
Away from the screen and take a break. (Take a break)

Your face is filled with a soft flourescent glow.
You smile as you watch one more funny video.
Kittens in the snow.
Now give your brain a rest and step back.
The people around you have all hit the sack.
Step away from the screen,
Away from the screen and relax. (And relax)

A million pixels reflect in your eyes.
You say you're not tired, well it's hardly a surprise.
So mesmerized.
But bookmark the sites you wanna keep.
Resist the temptation to send one more tweet.
Step away from the screen,
Away from the screen and go to sleep. (Go to sleep)

Step away from the screen,
Away from the screen and go to sleep. (Go to sleep)

Released under a Creative Commons (attribution, non-commercial) license.

Song: Waiting to Load ♪

A short song about the frustrations of slow websites, especially on mobile.

Go to the song’s SoundCloud page to download, leave a comment, etc.

Lyrics

My heart is pounding as I step off the train
So excited to finally see you again.
I forgot the address of our meeting place tonight
So I get out my phone and check the website.

But there's nothing on the screen, nothing at all
No words appear as I scroll
I picture you sitting alone
As I wait for this website to load
Tired and frustrated
Scared I won't make it
And still this website won't load

Credits

The icon in the cover image is from the wonderful iconmonstr.com.

Song: On The Web ♪

The other day Joe Leech tweeted that he’s “thinking about writing a sit-com about web designers. Best friends Mark Down and Rich Snippets and their hilarious adventures.” Well a sitcom needs a cheesy theme tune so here’s my crack at writing a short song for it. Now all we need are a script, location, actors, production staff…

Go to the song’s SoundCloud page to download, leave a comment, etc.

Lyrics

Monday morning, climb the stairs and reach my desk.
Inbox going crazy with so many change requests.

Just another day at our web design agency
Without the clients this would surely be
The perfect industry

We spend hours in front of a screen
Fuelled by sandwiches and caffeine
But it's worth it 'cause across the globe, our work will soon be seen
On the web

There's a new frontier
On the web
Nice bunch of people here
On the web
You can join us too
On the web
Yeah, it must be true
It's on the web, on the web, on the web.
On the web.

Credits

The globe icon in the cover image is from the wonderful iconmonstr.com.

The Hackathon Song ♪

Coders and hackers, ready to change the world, and the hackathon is the perfect place. But things don’t always go as planned…

Downloads

Get high quality MP3 and iTunes versions of this song.
Also, free not-quite-so-high quality downloads here: MP3 (128 kbs) | OGG

Lyrics

It's so exciting watching my life unfurl,
At a time when geeks like me can change the world.
There's a hackathon tonight and if it works out alright
I can improve society, oh yes, improve society.

But a VC* will be there with money in his wallet.
If I pitch him like a boss I could get funding for my project.
A seven-figure sum and I'll be crushin' everyone
At the hackathon tonight. At the hackathon tonight.

There are prizes up for grabs if I can't get paid.
My phone is six months old, y'know I need to upgrade.
I can surely win some gadgets if I sweet-talk with judges
At the hackathon tonight. At the hackathon tonight.

Now the Red Bull's on the table and I'm ready to go.
I've got Sublime 5 open on my MacBook Pro.
I'll type at twenty words a minute, yeah, I'm really gonna kill it
At the hackathon tonight. At the hackathon tonight.

The buzzer's gone, we're underway. My chance to shine has come.
The cable mess around me shows I'm hacker number one.

The framework that I'm using's not in alpha yet.
I'm coding on the bleeding edge but starting to regret.

Just to set up the environment has taken so much time.
The clock is ticking down, I haven't written a single line.

Now the wifi's cutting out, I've got a dying battery,
I've got conflict after conflict in my Git repository.

The deadline is approaching and there's still a bug to mend
But my code is obfuscated. Will this nightmare never end?

My time ran out and I had to stop.
Instead of showing a demo I used Photoshop.
I tried to change society but it wasn't to be
At the hackathon tonight. At the hackathon tonight.
I know next time it'll be alright.

* VC: venture capitalist

Released under a Creative Commons (attribution, non-commercial) license and the video was made using Prezi.

Song: The Ballad of the Printer ♪

Ever been frustrated with a printer? Then this song’s for you…

Downloads

Get high quality MP3 and iTunes versions of this song.
Also, free not-quite-so-high quality downloads here: MP3 (128 kbs) | OGG

Lyrics

When we first met in the office
you were wearing bubble wrap, so full of promise.
Pages per minute, dots per inch.
A scanner as well and fax at a pinch.
We had such fun!

But it didn't last for ever, in fact not long at all.
Soon I was banging my head against the wall.
The good times were gone.

Now you've jammed again and I'll miss my deadline.
You've jammed again and this, this is the last time.
No more empty paper tray, I give up.
No more cheap ink on eBay, I give up.
The unnecessary blank page,
always such a waste and I give up.
I give up.
I've had enough.

We gave you a chance, the repairman came out.
He looked you all over and said there's no doubt,
this thing ain't broke.

But I won't change my mind, it's decided.
I'm so tired of trying to make you
print double-sided, it's a joke.

And now you've jammed again and I'll miss my deadline.
You've jammed again and this, this is the last time.
No more empty paper tray, I give up.
No more cheap ink on eBay, I give up.
The unnecessary blank page,
always such a waste and I give up.
I give up.

Maybe I'm crazy, you are just a machine.
Maybe I have been overreacting...

But now you've jammed again and I'll miss my deadline.
Yeah you've jammed again and this, this is the last time.
No more empty paper tray, I give up.
No more cheap ink on eBay, I give up.
The unnecessary blank page,
always such a waste and I give up.
I give up.

Oh and you've jammed again and I'll miss my deadline.
Can't believe that you've jammed again and this,
this is the very last time.
No more empty paper tray, I give up.
No more cheap ink on eBay, I give up.
The unnecessary blank page,
it's always such a waste and I give up.
I give up.
You're unplugged.

Released under a Creative Commons (attribution, non-commercial) license. The dot matrix printer audio sample is remixed from this video.

Song: Social Network B


I want to introduce my child to online social networks but how best to explain some of the risks involved? Thought I’d start with a song…

This is a rewrite of the traditional folk song “Sloop John B”, famously covered by the Beach Boys (www.youtube.com/watch?v=nSAoEf1Ib58) although Cap’n Tom Jones deserves a mention for his singing attire: www.youtube.com/watch?v=fyQeHavCfPg

Video URL (with captions): Social Network B song

Downloads

For your downloading pleasure, here are the video and audio–only files.

License is Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported. If you need a media player, I recommend VLC.

Lyrics

We joined a social network.
Me and my best friend, Bert.
Around that walled garden
we did roam.
Surfing all night.
Got into a fight.
I had so much fun,
I don’t wanna go home.

I got a message from Jen,
my girlfriend from way back when,
but now she just won’t
leave me alone.
What did I say?
Why does she haunt me this way?
She’s nice ‘n’ all but
I wish she’d go home.

Then there’s that guy named Ray.
He took me to a crazy partay
and he took lots of photos
with his cell phone.
Now everyone’s seen
me doing that… thing.
I’m tired of getting laughed at.
I wanna go home.

Then there’s those men in black.
They won’t get off my back,
ever since they gave me
that emergency loan.
How do they know
every place that I go?
I’m getting kinda scared now.
I gotta go home.

But now my whole family
has signed up, just like me.
It’s the only way
I keep in touch with my mom.
It’s part of our lives.
How did we ever survive?
Now we’re in the network,
we’re not going home.
Once you’re in the network,
you can never go home.

Web Guru

♫ “I wanna be a billionaire…” ♫ Yeah, it’s not a bad song (http://www.youtube.com/watch?v=8aRor905cCw), but a billionaire? Is that all? I wanna be something a bit more… special.

Video URL (with captions): http://www.youtube.com/watch?v=jdgXT0wEuFU

Downloads

For your downloading pleasure, here are the video and audio–only.

License is Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported. If you need a media player, I recommend VLC.

Lyrics

I wanna be a web guru,
so frickin’ much.
Someone even Zeldman couldn’t touch.

I wanna be on the cover of
Wired magazine,
smiling next to Sir Tim Berners Lee.

Oh every time I’d go online,
I’d fix another site’s design.
Another day, another interview.
Oh what, what I wouldn’t do,
to be a web guru.
To be a web guru.

Yeah, I would have a show like Diggnation, be a web sensation.
All the geeky girls could not resist the temptation.
Every newspaper would have a photo with my face on,
but not on the front page – in the technology section.

And I’d tell everybody how to make a website.
Using open standards is the only way to get it right.
And people would smile as I do my thing.
I’d give them something special, yeah, I’d start to sing!

Oh, every time I’d go online,
I’d fix another broken site.
Another day, another interview.
Oh what, what I wouldn’t do,
to be a web guru.
To be a web guru.

I wanna be a web guru,
so frickin’ much.

Web conference blues

You know that lonely feeling, where all the hip web designers and developers gather at the coolest conference and you’re stuck at your desk? Here’s a song for those of us that miss out on all the glamour.

The original song, by the way, is Folsom Prison Blues by Johnny Cash.

Video URL (with captions): www.youtube.com/watch?v=u_gAPRJmEWs

Downloads

For your downloading pleasure, here are the video and audio–only files.

License is Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported. If you need a media player, I recommend VLC.

Lyrics

I see the tweets a-comin’
They’re comin’ down the screen.
They’ve all got the same hashtag and I,
I know what that means.
It means I’m stuck here at my desk
and time keeps draggin’ on.
And the web conference keeps rollin’
all tickets sold except one.

When I was just a baby
my momma told me “Hey!”
“Always do things early or
you’ll regret it some day.”
Well I knew I should have booked
but I left it too late.
Yes, I missed the earlybird discount.
Why did I procrastinate?

I bet there’s web folks tweetin’
in a fancy conference hall.
They’re probably drinkin’ coffee
and talkin’ ’bout HTML.
Well I knew I had it comin’.
I know it’s not to be.
But those tweets, they keep on comin’
and that’s what tortures me.

If my boss gave me approval,
let me register online,
I’d jump on to the next plane.
I could still make it on time.
But I’m stuck here at my desk.
Here’s where I’m gonna stay.
I’ll just go right back to Farmville
and hoe my blues away.