Single Element MacBook Pro with CSS • Hacker News Board

Re: Single Element MacBook Pro with CSS

#51

Post by blt » Wed, Aug 15, 2012, 5:14 PM UTC

Wow, this markup language that provides shapes, positions, colors, gradients, and transparency can be used to create images!

Re: Single Element MacBook Pro with CSS

#52

Post by bill999 » Wed, Aug 15, 2012, 5:16 PM UTC

I hate CSS

Re: Single Element MacBook Pro with CSS

#53

Post by drhowarddrfine » Wed, Aug 15, 2012, 5:24 PM UTC

javajosh wrote: post #47

ender7 wrote: post #46

Earlier quoted context omitted.

This should be an SVG. Using box-shadows to create shapes is not only confusing but really, really performance-draining. (not to be a downer, it's incredibly impressive, but not something you should do in production code)

SVG fills me with dread. Canvas, maybe.

I love SVG.

Re: Single Element MacBook Pro with CSS

#54

Post by wickeand000 » Wed, Aug 15, 2012, 5:55 PM UTC

Here is the comparison between different web browsers. Note that the image does not even load in IE8, so it is not included.

http://i.imgur.com/ibi7I.png

Re: Single Element MacBook Pro with CSS

#55

Post by paulocal » Wed, Aug 15, 2012, 6:13 PM UTC

added the macbook pro logo to top it off. hope you dont mind :D

Re: Single Element MacBook Pro with CSS

#56

Post by aba_sababa » Wed, Aug 15, 2012, 6:25 PM UTC

And now we've got a Macbook Air!

http://codepen.io/anon/pen/kqALB

Re: Single Element MacBook Pro with CSS

#57

Post by arnarbi » Wed, Aug 15, 2012, 6:50 PM UTC

JCB_K wrote: post #4

MattBearman wrote: post #3

While undoubtedly impressive, I think using css :before and :after kind of defeats the point of 'single element'

No it doesn't really, it keeps your HTML clean. Sure, there's better ways of getting a MacBook into your webpage, but this definitely shows the power of the :before and :after selectors.

> No it doesn't really, it keeps your HTML clean.

You can also keep your kitchen clean by stuffing all the dirty stuff into the cupboards.

Re: Single Element MacBook Pro with CSS

#58

Post by MatthewPhillips » Wed, Aug 15, 2012, 7:08 PM UTC

lolsal wrote: post #43

MatthewPhillips wrote: post #29

Earlier quoted context omitted.

I'd much rather have clean, reusable HTML. CSS you can use preprocessors to abstract away the messiness.

Aren't you using templates and macros for HTML already?

No, I typically write entirely client side applications.

Re: Single Element MacBook Pro with CSS

#59

Post by calvintennant » Wed, Aug 15, 2012, 9:05 PM UTC

And because I'm a content-management geek: http://codepen.io/anon/pen/wxytJ

Re: Single Element MacBook Pro with CSS

#60

Post by andrewflnr » Wed, Aug 15, 2012, 9:22 PM UTC

al_james wrote: post #14

Wow. There have been many of these "Look what I can do in CSS" articles lately, and frankly, they are normally quite boring. However this is the first time I have ever gone "wow". Very impressive. Quite useless really, but good work.

A pure hack if there ever was one.