Apple Keyboard in pure CSS. • Hacker News Board

Re: Apple Keyboard in pure CSS.

#31

Post by jqueryin » Tue, Mar 08, 2011, 1:27 PM UTC

ck2 wrote: post #30

http://dl.dropbox.com/u/921159/Keyboard/keyboard-background.... not so pure

This could easily be remedied with some CSS3 background gradients.

Re: Apple Keyboard in pure CSS.

#32

Post by dm8 » Tue, Mar 08, 2011, 1:46 PM UTC

It really looks great. CSS3 is really fun..

Re: Apple Keyboard in pure CSS.

#33

Post by Dylan16807 » Tue, Mar 08, 2011, 2:25 PM UTC

nitrogen wrote: post #25

irrelative wrote: post #19

Earlier quoted context omitted.

More to the point, even if it were "pure css", there's nothing pure about it. Perhaps "only css" makes more sense, but CSS was meant as a way to separate style from content. Try viewing this page without style and let me know what inherit content is present.

The obvious implication in the context of web development is that there were no images used -- all of the rendering is done on the fly by the browser. However, there are images used, at least one for the background and four for the arrows.

Is that the obvious implication? I've seen pure css used in the context of no images, and I've seen it used in the context of no javascript. Both seem reasonable.

Re: Apple Keyboard in pure CSS.

#34

Post by zachbeane » Tue, Mar 08, 2011, 2:38 PM UTC

I'm surprised no font snob has brought up the lack of VAG Rounded yet.

Re: Apple Keyboard in pure CSS.

#35

Post by graywh » Tue, Mar 08, 2011, 4:45 PM UTC

Why is the Delete "key" tied to Delete instead of Backspace?

Re: Apple Keyboard in pure CSS.

#36

Post by Spic » Tue, Mar 08, 2011, 5:12 PM UTC

I didn't expect to see an html element with id="asdfg" that actually makes sense.

Re: Apple Keyboard in pure CSS.

#37

Post by yeahsure » Tue, Mar 08, 2011, 5:36 PM UTC

maxbRuns wrote: post #21

Awesome. I think the eject icon could be made out of unicode symbols. http://en.wikipedia.org/wiki/List_of_Unicode_characters#Geom...

Good idea. I think the arrow keys could be made out of unicode symbols as well.

Re: Apple Keyboard in pure CSS.

#38

Post by morphir » Tue, Mar 08, 2011, 5:58 PM UTC

jqueryin wrote: post #31

ck2 wrote: post #30

http://dl.dropbox.com/u/921159/Keyboard/keyboard-background.... not so pure

This could easily be remedied with some CSS3 background gradients.

prove it :)

Re: Apple Keyboard in pure CSS.

#39

Post by farlington » Tue, Mar 08, 2011, 6:42 PM UTC

morphir wrote: post #38

jqueryin wrote: post #31

Earlier quoted context omitted.

This could easily be remedied with some CSS3 background gradients.

prove it :)

Proof: http://f.cl.ly/items/0T010H1W0X2r3w1B2z3K/keyboard.html

Re: Apple Keyboard in pure CSS.

#40

Post by micheljansen » Tue, Mar 08, 2011, 7:00 PM UTC

Just a shame that on my work machine (running Windows 7) it does not work with a touch screen. Maybe iPad owners have more luck, but this seemed like the only useful use case for such a keyboard so I was disappointed that it did not "press" the keys as it does with the mouse.