That's when you realise this technique is a bit flawed - you can't actually scale the element and keep the detail, you'd be better off with an image. Not to take anything away from it though. It's good work.
This technique, on the other hand, using the :before and :after selectors shows the right way to use CSS3 image composition, if you choose to do it. This example should be shouted from the hilltops to all front-end web devs.
(not to be a downer, it's incredibly impressive, but not something you should do in production code)
Of course, SVG should be generated by tools rather than typed by hackers, but people tend to forget that.
Drawing in CSS like this isn't as simple as dropping jQuery on the page.
If there was a jQuery plugin to automate this process from image to css, then we should worry!
(Hint: browser crash)
Better fire up IDA!
one line difference and you have the non-glossy screen version.
Missed a spot! This is true non-glossy.
You can also keep your kitchen clean by stuffing all the dirty stuff into the cupboards.
to the .macbook css, so you can add text to the screen ;)
Edit: Somehow my fault. Works with new profile in FF14. Curiously doesn't work in my standard profile in Aurora or Nightly even with plugins disabled.
Nonetheless, I find it quite ingenious! Bravo