http://blog.joeriwijnants.com Tips & tricks voor webdevelopers en webdesigners Thu, 29 Oct 2009 23:03:02 +0000 http://backend.userland.com/rss092 en Width bepalen en display block geeft in IE6 dubbele breedte. Oplossing: width weghalen. Display block zorgt sowieso voor volledige breedte. http://blog.joeriwijnants.com/?p=110 Dropbox is the easiest way to store, sync, and, share files online. Get it at www.getdropbox.com http://blog.joeriwijnants.com/?p=108 [caption id="attachment_100" align="alignleft" width="150" caption="my Fontbook browser"][/caption] My Fontbook stelt een applicatie ter beschikking om de fonts aanwezig op je pc te bekijken in de browser. Heel handig. Gratis bovendien. http://blog.joeriwijnants.com/?p=94 Voor wie het bos niet meer door de bomen ziet... cheat sheets voor alle moderne codetalen. http://blog.joeriwijnants.com/?p=90 [caption id="attachment_83" align="alignleft" width="150" caption="Example of the 960 Grid"][/caption] De 960 grid. Een handige manier om je webdesign te baseren op een systeem van 12 of 16 kolommen. En dat allemaal netjes binnen de standaardbreedte van 960 pixels. http://blog.joeriwijnants.com/?p=81 Bij het zien van dit aardige speeltje van Microsoft kreeg ik spontaan goesting om ermee aan de slag te gaan. User experience van Microsoft op z'n best. Ik heb al minder aantrekkelijke salontafels gezien. http://blog.joeriwijnants.com/?p=69 Wanneer je op een leftfloated div een padding-left of margin-left plaatst, wordt die in IE6 verdubbeld. Oplossing: display:inline; http://blog.joeriwijnants.com/?p=66 Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size. http://blog.joeriwijnants.com/?p=64 Om min-height in IE6 te gebruiken kan je onderstaande css toevoegen. De volgorde moet wel worden gerespecteerd. min-height:103px; height:auto!important; /* for sane browsers, keep it as default */ height:103px; http://blog.joeriwijnants.com/?p=58 div a { min-height : 6px; padding-right : 6px; background : transparent url("images/postlink.gif") 100% 50% no-repeat; } /* because IE is stupid */ * html div a { height : 6px; } http://blog.joeriwijnants.com/?p=40