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.

Websites and Fonts

Domainname –  check
Logo – check
Colorscheme – check
Fonts – check
Businesscards – check
Letterhead – check
Website – ehm? …working on it… just can’t get the correct font to work on the website…

One option is to hire My Brain, another is to keep trying yourself. Colors and style may be easy, but to get the correct font on your website is another story. For this you may want to try:

Good luck!