Notes to self

Removing info bubble from google maps

Thu, 15 Oct 2009 09:05:40 +0800

Removing info bubble from google maps:

Add iwloc=near& to hide the bubble.

Safari CSS hack redux | theMechanism

Thu, 10 Sep 2009 12:28:00 +0800

Safari CSS hack redux | theMechanism:

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ }

IE7 png ugly black border

Wed, 22 Jul 2009 06:20:47 +0800

IE7 png ugly black border:

Set background colour did it for me (this time).

"In the Save for Web dialog, cllick on Image Size (in the bottom right corner): select “Clip to..."

Thu, 09 Jul 2009 02:25:29 +0800

“In the Save for Web dialog, cllick on Image Size (in the bottom right corner): select “Clip to Artboard” and hit Apply.”

- Cropping for “save for web” in Illustrator CS4

Logitech MX Revolution & OS X

Tue, 23 Jun 2009 15:26:16 +0800

Logitech MX Revolution & OS X:

Use SteerMouse instead of Logitechs shitty “Control Center” drivers/settings. Because it keeps forgetting the settings and I have to set them over and over again.

Setting up parallels and virtual hosts on your Mac

Tue, 23 Jun 2009 00:26:49 +0800

From this article, with some small changes:

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

Ta-da!

SafariSource

Tue, 26 May 2009 10:34:13 +0800

SafariSource:

Adds syntax coloring to Safari’s source view, and works with SafariTidy.

Safari Tidy plugin

Tue, 26 May 2009 10:16:59 +0800

Safari Tidy plugin:

Does nice things to View Source in Safari.

"IE6’s unwillingness to collapse to a smaller height than the base font-size. Set overflow:hidden; or..."

Wed, 20 May 2009 13:31:14 +0800

“IE6’s unwillingness to collapse to a smaller height than the base font-size. Set overflow:hidden; or font-size: 0;”

- IE6 - CSS Bugs and Fixes Explained

IE6 CSS negative margin

Mon, 18 May 2009 16:26:39 +0800

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

If possible, use another hasLayout trigger:

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

"——————————————————————————— Tracking Conversion CSS “letter-spacing” ——————————————————————————— 1..."

Mon, 11 May 2009 23:34:41 +0800

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

- Converting Tracking and Leading from Photoshop to CSS

No scrollbar in Firefox

Sun, 10 May 2009 19:18:41 +0800

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.

Accidently it also strips Firefox of it’s scrollbar.

Set to display as a block element while inline

Tue, 05 May 2009 13:07:09 +0800

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

Parent
as block with height.
Set parent
with line-height, not height.

Set to display: inline-table;

Set to display: inline-block;

Unexpected line break with sIFR

Fri, 01 May 2009 14:34:59 +0800

Unexpected line break with sIFR:

It breaks because it reads the exact width of the HTML text, which is less than the width required for the Flash text. You can adjust this by specifying letter-spacing, so the HTML text is as wide as the Flash text.

Using jQuery before and after

Tue, 07 Apr 2009 15:42:20 +0800

Using jQuery before and after:

The aha-moment: before(content) and after(content) are to take complete nodes only.

IE: Disappearing position:absolute boxes near floats and clears

Mon, 30 Mar 2009 19:45:11 +0800

IE: Disappearing position:absolute boxes near floats and clears:

This one is a bitch to track down, so try to remember it. Sometimes in IE6, sometimes in IE7.

How to use a button bg image in IE without the text coming on top.

Tue, 17 Mar 2009 14:49:29 +0800

How to use a button bg image in IE without the text coming on top.:

font-size: 0px;
line-height: 0px;
text-indent: -9999px;
display: block;

Needs display: block; for text-indent to work in IE 6 and 7. Use float if inline needed. Or [button][span]Hide my text[/span][/button]

sIFR letter-spacing

Tue, 17 Mar 2009 08:34:18 +0800

No: letter-spacing: -1px;
Yes: letter-spacing: -1;

In js. Can’t use units for some reason.

23" Apple Cinema HD display with unibody Macbook Pro

Wed, 04 Mar 2009 11:35:08 +0800

23" Apple Cinema HD display with unibody Macbook Pro:

Needs two adapters to get from Mini DisplayPort to ADC. Have to be Apple brand. Gonna be pricy. Also see on flickr.

jQuery can't get height(); because of floats

Wed, 25 Feb 2009 13:59:37 +0800

$(‘#myDiv’).height(); gives 0 because the contents of #myDiv are floated, so #myDiv has collapsed and actually do have 0px height.