Double width

Posted by Joeri on 29th October, 2009

Width bepalen en display block geeft in IE6 dubbele breedte. Oplossing: width weghalen. Display block zorgt sowieso voor volledige breedte.

Dropbox

Posted by Joeri on 14th September, 2009

Dropbox is the easiest way to store, sync, and, share files online. Get it at www.getdropbox.com

My Fontbook

Posted by Joeri on 13th September, 2009
my Fontbook browser

my Fontbook browser

My Fontbook stelt een applicatie ter beschikking om de fonts aanwezig op je pc te bekijken in de browser. Heel handig. Gratis bovendien.

Cheat Sheets!

Posted by Joeri on 11th September, 2009

Voor wie het bos niet meer door de bomen ziet… cheat sheets voor alle moderne codetalen.

960 Grid System

Posted by Joeri on 11th September, 2009
960 Grid System

Example of the 960 Grid

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.

Microsoft Surface

Posted by Joeri on 11th June, 2009

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.

Double margin bugfix for IE6

Posted by Joeri on 9th June, 2009

Wanneer je op een leftfloated div een padding-left of margin-left plaatst, wordt die in IE6 verdubbeld.
Oplossing: display:inline;

Em Calculator

Posted by Joeri on 9th June, 2009

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.

Min-height bugfix for IE6

Posted by Joeri on 8th June, 2009

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;

Image at the end of a link

Posted by Joeri on 6th May, 2009

imageAtEndOfLink

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;
}