Bootleg.css - Twitter Bootstrap JS redone with CSS

http://labs.thecssninja.com/bootleg/

by davezatch • 14 years ago

135 13 14 years ago

labs.thecssninja.com

alxndr• 14 years ago

Neat idea.

Chrome on an iPhone 4:

The modal is positioned and sized awkwardly, too narrow and low. Also when hitting the close X, it seems like the color and font styling including backdrop disappear before the animation starts, which is a little jarring.

davezatch• 14 years ago

Btw, I just found this, not the creator. Yeah, there are some issues, e.g. clicking to open a new modal inside a current one just scrolls to the top, but I always like to see how people can hack around these things, and checkboxes can be pretty powerful.

jamesbrennan• 14 years ago

The checkboxes are genius. I've never considered restyling checkboxes using a label - very good.

uxwtf• 14 years ago

This post looks weird when opened with Pulse on iPad: http://i.imgur.com/XyCst.jpg?1

timerickson• 14 years ago

Haha, it seems to have decided the content of "Example tabs" is the main article/content of the page.

ps. That text was generated with http://hipsteripsum.me

patrickaljord• 14 years ago

Posted this yesterday, somehow it never made it to the front page http://news.ycombinator.com/item?id=4884403

untog• 14 years ago

It has a lot to do with what time of day you post:

http://hnpickup.appspot.com/

whyhellothere• 14 years ago

Reminds me of the good old bad old days of web design, mis-using elements to make the browser do what you want. I don't think it's such a bad thing, although these days not needed so much.

seivan• 14 years ago

Performs better than the JS versions. Could be good for SaaS services that target developers that you know have a high probability of running *nix systems.

killahpriest• 14 years ago

I don't get it....

fieldforceapp• 14 years ago

We used the same CSS themed button technique recently on our Bootstrap based site, we got the idea from @inserthtml

http://www.inserthtml.com/2012/06/custom-form-radio-checkbox...

bicknergseng• 14 years ago

Anyone else seeing the Chrome anti-aliasing bug during the css animations? Text gets thinner for the duration of the animation.

camus• 14 years ago

Maybe because these tricks do not work on old browsers ? that's why Bootstrap uses javascript.

Bootleg.css - Twitter Bootstrap JS redone with CSS

Related Stories