Single Element MacBook Pro with CSS • Hacker News Board

Re: Single Element MacBook Pro with CSS

#31

Post by joshnh » Wed, Aug 15, 2012, 12:47 PM UTC

andrewfelix wrote: post #28

joshnh wrote: post #21

Earlier quoted context omitted.

G'day, I'm the guy that made it. I agree with your comment completely, I had one pretty big constraint though; one element allowed. I'd like to think that is why it is getting upvoted.

Take it you're an Aussie. In which case, more power to you (I'm in Newcastle). Lovely icon.

I am; Melbourne based. Thanks!

Re: Single Element MacBook Pro with CSS

#32

Post by joshsharp » Wed, Aug 15, 2012, 12:52 PM UTC

lunarscape wrote: post #30

Chrome-only? Doesn't appear to work in Firefox nightly. 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.

Works for me in Firefox 14.

Re: Single Element MacBook Pro with CSS

#33

Post by marknutter » Wed, Aug 15, 2012, 12:59 PM UTC

andrewfelix wrote: post #27

marknutter wrote: post #22

Earlier quoted context omitted.

It's been well established that you can paint just about anything with oil paints. Why do people go to art museums?

Not sure that Hacker News is comparable to an art museum. But point taken.

Legos might have been the better example :)

Re: Single Element MacBook Pro with CSS

#34

Post by hisyam » Wed, Aug 15, 2012, 1:02 PM UTC

irunbackwards wrote: post #13

Are you a wizard?

This is not reddit.

Re: Single Element MacBook Pro with CSS

#35

Post by gbraad » Wed, Aug 15, 2012, 1:18 PM UTC

lunarscape wrote: post #30

Chrome-only? Doesn't appear to work in Firefox nightly. 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.

even works on Android nightlies

Re: Single Element MacBook Pro with CSS

#36

Post by stevenleeg » Wed, Aug 15, 2012, 1:22 PM UTC

zbowling wrote: post #10

http://codepen.io/anon/pen/vyHwk one line difference and you have the non-glossy screen version.

http://codepen.io/anon/full/lCAEc

Missed a spot! This is true non-glossy.

Re: Single Element MacBook Pro with CSS

#37

Post by zevyoura » Wed, Aug 15, 2012, 1:54 PM UTC

MatthewPhillips wrote: post #26

maqr wrote: post #24

There really should be a warning on all these demos, something like: "Don't actually draw with css in the wild, you'll break the web."

How so?

I think more than "you'll break the web" the issue is that it's almost never the right choice to make when compared to using more traditional techniques (e.g. images or svgs). Also it won't work in older browsers.

Re: Single Element MacBook Pro with CSS

#38

Post by riobard » Wed, Aug 15, 2012, 2:02 PM UTC

MatthewPhillips wrote: post #26

maqr wrote: post #24

There really should be a warning on all these demos, something like: "Don't actually draw with css in the wild, you'll break the web."

How so?

Just try visiting the page on iPad and zoom. You'll know.

(Hint: browser crash)

Re: Single Element MacBook Pro with CSS

#39

Post by antidaily » Wed, Aug 15, 2012, 2:07 PM UTC

Pfft, thats not a retina display.

Re: Single Element MacBook Pro with CSS

#40

Post by joshuahedlund » Wed, Aug 15, 2012, 2:26 PM UTC

Impressive. While I'm generally familiar with CSS I haven't delved into the icon logo stuff yet. I'm toying with the idea of trying to create JS/CSS-based country/state maps with customizable mouseover/onclick functionality, since there aren't really any good free versions available (that I've found). This kind of stuff inspires me that it might be possible, though I have no idea how hard it would be to create geographically-shaped elements.