more css


Please not some of these do not work because of the default stylesheet ‘box-sizing’:
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

TheShapes of CSS

All of the below use only a single HTML element. Any kind of CSS goes, as long as it’s supported in at least one browser.




Continue reading more css


Centering things in CSS is the poster child of CSS complaining.¬†Why does it have to be so hard?¬†They jeer. I think the issue isn’t that it’s difficult to do, but in that there so many different ways of doing it, depending on the situation, it’s hard to know which to reach for.

So let’s make it a decision tree and hopefully make it easier. Continue reading center

QR-Code Anyone? are all around… and My Brain finally compiled a separate script to generate these neat little two-dimensional barcodes.

Enter the URL, selected the level of error-correction and the single-block-pixel-size. Just try it and enjoy!

If you like this functionality, also check out the implementation on ETEN en ETEN for promotion of the Apps; It generates QR-Codes, to visit the app-download page for a restaurant, but when you do so with a phone or tablet, you will be redirected to the correct App Store.
Want something like this for yourself? Just contact My Brain.