Pedro

Yes, you could probably custom code that yourself in a day using PHP and a wysiwyg frogmit.
 
Should cost no more than $6+premium tax.

with CSS3 now having animation functions I would prefer not to use Jquery myself, as there is still a number of people with java runtime either disabled or not installed at all, cause they heard it might be dangerous.
I'd personally use Jquery as a sort of backup if it was an importaint animation.

+1 is all I can say, I love this.

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

...and that is why everyone should have a beer link.

Fantastic!

Brilliant piece of showmanship mate.
+1

Theres is only one thing I would change on this to add to its realism.
 
I noticed the needle position is in the same place regardless of how long the song is played.
 
What would be cool is when the record starts the needle position was closer to the edge of the record and during play it moves towards the centre of the record accordingly.
 
Not sure if this is feasible?

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

You, sir, are made of vintage win.

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

Fantastic idea, if i may say something i think that effect would be much stronger with recorder 3 times bigger if that's possible!

Lovin it

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

+1

A working record player, designed in Photoshop.
The animations are CSS3. Uses HTML5 audio tag for the sound.
 
Demo: http://pedroduarte.me/lab/turntable/
 
Let me know what you think!

I really like it! It has quite a different feel from your portfolio site that it was linked to though (awesome color palette/use of illustrations/type choices of your portfolio btw)! But it suddenly goes from a dark mood to a lighthearted feel-not sure if that matters though. Equally lovely.

No worries. Like I said, edge case - I can't see it happening in normal use.
 
Aside from that little niggle, awesome stuff. Really must get on with mine now, I feel a bit left out of the responsive club.

Hello Pedro,
 
It's a very nice website. I think it's a bit of a shame that the red (when you rollover the company you work for) isn't used more throughout the website because the dark grey you got there combined with the red would look excellent. Why don't you put the red as the colour for your picture border?
 
Hope this helps.

Very nice... is it wrong of me to say that all this responsiveness gets me excited?
 
Special kudos for the 'yes it is responsive...'

Nice site. clean and simple.
 
btw, your twitter link is not working.

I love it