Live data from Hacker News

Full CSS3 Lightbox - Absolutely no JavaScript

playground.deaxon.com

21–30 of 114 posts

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#21

If you go up a directory, there are some other neat things in CSS: http://playground.deaxon.com/css/

And if you go up one more directory, he's got a list of work he's done in HTML, JS, and SVG: http://playground.deaxon.com/

I especially like his Custom Checkboxes: http://playground.deaxon.com/js/custom-checkboxes/

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#25

Earlier quoted context omitted.

Minor reasons: less performant than Javascript solutions (the transition is sluggish and jittery in Chrome for me) and the fact that I have to click a little target to shrink it back, whereas most Javascript solutions will let me hit Escape or click elsewhere on the page to shrink it back. Major reason: Separation of concerns: CSS is for appearance, Javascript is for behavior. They don't work well trying to do the ot…

I also noted the sluggishness that you point out. Do you know the reason? Is it something that could be corrected by changing some parameter in the CSS?

Not entirely sure. The animation speed might be adjustable, but the jitteriness is probably due to browser support (or earliness thereof).

Re: Full CSS3 Lightbox - Absolutely no JavaScript

#26
post #10

Earlier quoted context omitted.

Because it breaks the paradigm of HTML = Content CSS = Style / Design JS = Interaction Once you start to mix them up you start down a hair path

Lightbox functionality encompasses the JS domain (since user is interacting with the page) as well as CSS domain (since the change that is happening on the page is purely of style/design). So, the breakup which you have given does not unequivocally argue for the use of JS.

It argues more for JS than CSS.
Post reply on HN