Webdevelopment Blog http://blog.joeriwijnants.com Tips & tricks voor webdevelopers en webdesigners Thu, 29 Oct 2009 23:03:02 +0000 http://wordpress.org/?v=2.8 en hourly 1 Double width http://blog.joeriwijnants.com/?p=110 http://blog.joeriwijnants.com/?p=110#comments Thu, 29 Oct 2009 23:03:02 +0000 Joeri http://blog.joeriwijnants.com/?p=110 Width bepalen en display block geeft in IE6 dubbele breedte. Oplossing: width weghalen. Display block zorgt sowieso voor volledige breedte.

]]> http://blog.joeriwijnants.com/?feed=rss2&p=110 0 Dropbox http://blog.joeriwijnants.com/?p=108 http://blog.joeriwijnants.com/?p=108#comments Mon, 14 Sep 2009 23:09:26 +0000 Joeri http://blog.joeriwijnants.com/?p=108 Dropbox is the easiest way to store, sync, and, share files online. Get it at www.getdropbox.com

]]> http://blog.joeriwijnants.com/?feed=rss2&p=108 0 My Fontbook http://blog.joeriwijnants.com/?p=94 http://blog.joeriwijnants.com/?p=94#comments Sun, 13 Sep 2009 12:53:37 +0000 Joeri http://blog.joeriwijnants.com/?p=94 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.

]]> http://blog.joeriwijnants.com/?feed=rss2&p=94 0 Cheat Sheets! http://blog.joeriwijnants.com/?p=90 http://blog.joeriwijnants.com/?p=90#comments Fri, 11 Sep 2009 23:36:25 +0000 Joeri http://blog.joeriwijnants.com/?p=90 Voor wie het bos niet meer door de bomen ziet… cheat sheets voor alle moderne codetalen.

]]> http://blog.joeriwijnants.com/?feed=rss2&p=90 2 960 Grid System http://blog.joeriwijnants.com/?p=81 http://blog.joeriwijnants.com/?p=81#comments Fri, 11 Sep 2009 22:50:58 +0000 Joeri http://blog.joeriwijnants.com/?p=81 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.

]]> http://blog.joeriwijnants.com/?feed=rss2&p=81 0 Microsoft Surface http://blog.joeriwijnants.com/?p=69 http://blog.joeriwijnants.com/?p=69#comments Thu, 11 Jun 2009 20:36:53 +0000 Joeri http://blog.joeriwijnants.com/?p=69 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/?feed=rss2&p=69 2 Double margin bugfix for IE6 http://blog.joeriwijnants.com/?p=66 http://blog.joeriwijnants.com/?p=66#comments Tue, 09 Jun 2009 17:50:41 +0000 Joeri http://blog.joeriwijnants.com/?p=66 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/?feed=rss2&p=66 0 Em Calculator http://blog.joeriwijnants.com/?p=64 http://blog.joeriwijnants.com/?p=64#comments Tue, 09 Jun 2009 08:43:20 +0000 Joeri http://blog.joeriwijnants.com/?p=64 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/?feed=rss2&p=64 0 Min-height bugfix for IE6 http://blog.joeriwijnants.com/?p=58 http://blog.joeriwijnants.com/?p=58#comments Mon, 08 Jun 2009 12:13:37 +0000 Joeri http://blog.joeriwijnants.com/?p=58 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/?feed=rss2&p=58 4 Image at the end of a link http://blog.joeriwijnants.com/?p=40 http://blog.joeriwijnants.com/?p=40#comments Wed, 06 May 2009 08:32:58 +0000 Joeri http://blog.joeriwijnants.com/?p=40 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;
}

]]> http://blog.joeriwijnants.com/?feed=rss2&p=40 4