Mehigh

TR Backgrounds & Fixing IE

I was struggling to get some cross-browser rounded corners zebra table rows… but since the table required vertical-align:middle… applying the top right AND bottom right corners was impossible… up until I found out that CSS background-image on TR actually works cross-browser :)
It works out of the box for most standards-compliant browsers… and a minor tweak is required for our older IE7 to kick in and apply it as well: at position:relative; to the table row.

Read More

Badminton Relaxation

Badminton – this is a game I find being really relaxing… but with the right ‘tools’.
Some low-quality racquets might blow the fun out of it, but the good news is that decent racquets can be found easily in the 20$ range… the fun you have playing with them: invaluable.

Just got a Badminton Basic Kit from Head (cheers to Dia_Fantasy for recommending these to me)… and I played with them until I could hardly see the shuttles in the night :D

Bottom line: Go out and play !

Read More

Font resize detection

We all crashed into the problem where a website’s layout gets ruined when zooming in or out the font-size in the browser…

You can read a really good article from ALA giving a nice insight with regards to what approach should you take in the early development phases towards avoiding various zooming problems: http://www.alistapart.com/articles/fontresizing/

Most complex designs don’t allow so much flexibility such that you can make things really scalable via the CSS, so our most used option will probably be a touch of Javascript.
As on most of my projects jQuery is a standard, I chose to use a little jQuery plug-in that does the job of detecting the font-resize event really well:

http://wellstyled.com/en/javascript-onfontresize-jquery-plugin/

Once you caught the event you can do any kind of magic :)

What approaches did you take to solve such situations ?

Read More