5 ms·

Bootleg.css - Twitter Bootstrap JS redone with CSS

135 points by davezatch 14y ago

alxndr 14y 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 14y 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 14y ago
  The checkboxes are genius. I've never considered restyling checkboxes using a label - very good.
uxwtf 14y ago
This post looks weird when opened with Pulse on iPad: http://i.imgur.com/XyCst.jpg?1 http://i.imgur.com/XyCst.jpg?1
- timerickson 14y 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 http://hipsteripsum.me
patrickaljord 14y ago
Posted this yesterday, somehow it never made it to the front page http://news.ycombinator.com/item?id=4884403 http://news.ycombinator.com/item?id=4884403
- untog 14y ago
  It has a lot to do with what time of day you post: http://hnpickup.appspot.com/ http://hnpickup.appspot.com/
whyhellothere 14y 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 14y 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 14y ago
I don't get it....
fieldforceapp 14y 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/ http://www.inserthtml.com/2012/06/custom-form-radio-checkbox...
bicknergseng 14y ago
Anyone else seeing the Chrome anti-aliasing bug during the css animations? Text gets thinner for the duration of the animation.
camus 14y ago
Maybe because these tricks do not work on old browsers ? that's why Bootstrap uses javascript.

135 points by davezatch 14y 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 14y 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 14y ago
The checkboxes are genius. I've never considered restyling checkboxes using a label - very good.

uxwtf 14y ago

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

timerickson 14y 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 http://hipsteripsum.me

patrickaljord 14y ago

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

untog 14y ago
It has a lot to do with what time of day you post: http://hnpickup.appspot.com/ http://hnpickup.appspot.com/

whyhellothere 14y 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 14y 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 14y ago

I don't get it....

fieldforceapp 14y 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/ http://www.inserthtml.com/2012/06/custom-form-radio-checkbox...

bicknergseng 14y ago

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

camus 14y ago

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