Notes to self

Easy solutions to tricky problems
Jul 09
Permalink
In the Save for Web dialog, cllick on Image Size (in the bottom right corner): select “Clip to Artboard” and hit Apply.
Jun 23
Permalink
Permalink

Setting up parallels and virtual hosts on your Mac

From this article, with some small changes:

  1. Skip point 1, use MAMP for the OS X stuff
  2. Skip first half of point 2 as well.
  3. Download bonjour for Windows
  4. Edit windows’ host file with “your-computer.local” instead of all the IP number stuff.

Ta-da!

May 26
Permalink
Permalink
May 20
Permalink
IE6’s unwillingness to collapse to a smaller height than the base font-size. Set overflow:hidden; or font-size: 0;
May 18
Permalink

IE6 CSS negative margin

Negative margins don’t work in IE6 on floated elements.

If possible, use another hasLayout trigger:

    .element {
        float: none:
        zoom: 1;
    }

May 11
Permalink
———————————————————————————
Tracking Conversion CSS “letter-spacing”
——————————————————————————— 1 =1/1000 em
100 =100/1000 em =0.10 em
200 =200/1000 em =0.20 em ———————————————————————————
May 10
Permalink

No scrollbar in Firefox

I came across this weird bug in Firefox. The scrollbar was missing, but I hadn’t even started any CSS yet. I figured the only special thing I’d done was setting a meta tag to get rid of those cartoon looking buttons in IE6/XP.

<meta http-equiv="MSThemeCompatible" content="no" />

Accidently it also strips Firefox of it’s scrollbar.

May 05
Permalink

Set <a> to display as a block element while inline

Want an anchor element to display as a block element while inline?

  • Parent <ul> as block with height.
  • Set parent <li> with line-height, not height.
  • Set <a> to display: inline-table;
  • Set <a> to display: inline-block;