March 2012
1 post
June 2011
1 post
Make MAMP Pro show directory on localhost
Problem: I kept getting “You don’t have permission to access / on this server.”
Solution: In MAMP Pro go to Hosts > Advanced and check “Indexes”. Restart server.
November 2010
2 posts
IE:hover problem solution
For some reason when you hover over a transparent background in IE, it considers the mouse to not be in the dom object (or in this case, the span) anymore, but instead in the element below it and calls the mouse out event.
Sneak: Fixing the background 'bleed' →
I recently came up against an issue in Safari where the background colour of an element seemed to ‘bleed’ through the edge of the corners when applying both borders and a border-radius (see the image above). After seeing David Cole tweet about the same issue I resolved to find a solution,…
September 2010
2 posts
Wordpress. Template pages not showing in dropdown... →
One fix to this dropdown problem - it works for me - in either pages and authors name in write panel is to “jog” the system by changing your custom theme to default theme and FTP upload the page templates you made in original theme to default theme folder.
Go to Pags > Add New and check if dropdown for page template is there. If you see it there, then system’s been...
“Always put in left: 0 and top: 0 when using positioning. It will save you from...”
May 2010
1 post
How to get into MODx when your blocked or lost... →
April 2010
5 posts
jQuery execution after image load →
If you need to run JavaScript that’s based on some attribute of a loaded image (e.g. height or width), use a callback with$(window).load() instead of $(document).ready().
GoDaddy - Password Protecting a Directory in Your... →
Because directly editing .htaccess and .htpasswd files on GoDaddy is a pain.
Child and Sibling Selectors →
Well visualised ul > li, p + p, and p ~ p.
1 tag
“One final paragraph of advice: do not burn yourselves out. Be as I am — a...”
– From a speech to environmentalists in Missoula, Montana in 1978 and in Colorado, which was published in High Country News in the 1970s or early 1980s under the title “Joy, Shipmates, Joy.”, as quoted in Saving Nature’s Legacy : Protecting and Restoring Biodiversity (1994) by Reed F. Noss, Allen...
February 2010
2 posts
Styling
The default dotted line underneath an <abbr> element (in among others Firefox) is a dotted border. So to get rid of it:
abbr {
border-bottom: none;
}
Resetting Your Password « WordPress Codex →
When you have access to the mySQL database through phpAdmin, but not the normal Wordpress admin login.
January 2010
1 post
DiW Theme Playground →
Thingy with html5 in wordpress
October 2009
1 post
Removing info bubble from google maps →
Add iwloc=near& to hide the bubble.
September 2009
1 post
Safari CSS hack redux | theMechanism →
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ }
July 2009
2 posts
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):...”
– Cropping for “save for web” in Illustrator CS4
June 2009
2 posts
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
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!
May 2009
8 posts
SafariSource →
Adds syntax coloring to Safari’s source view, and works with SafariTidy.
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...”
– IE6 - CSS Bugs and Fixes Explained
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;
}
“———————————————————————————
Tracking Conversion CSS “letter-spacing”...”
– Converting Tracking and Leading from Photoshop to CSS
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.
Set 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;
April 2009
1 post
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 →
The aha-moment: before(content) and after(content) are to take complete nodes only.
March 2009
4 posts
IE: Disappearing position:absolute boxes near... →
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... →
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
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... →
Needs two adapters to get from Mini DisplayPort to ADC. Have to be Apple brand. Gonna be pricy. Also see on flickr.
February 2009
2 posts
jQuery can't get height(); because of floats
$(‘#myDiv’).height(); gives 0 because the contents of #myDiv are floated, so #myDiv has collapsed and actually do have 0px height.
Flash not working in Firefox 3 (with SWFObject →
It’s because I’ve been using Adblock. Use Adblock Plus instead and problem is solved.
January 2009
1 post
WPDesigner » WordPress Tips Part 1 →
Some security tips for WordPress.
(via muff)
June 2008
1 post
No sound in Final Cut Express →
Post 2 has the answer. Translated to Final Cut Express 4 that’d be:
View > Video Out > Canvas Playback
May 2008
11 posts
CSS font shorthand rule
font: bold italic small-caps 1em/1.5em verdana,sans-serif Words of warning: This CSS shorthand version will only work if you’re specifying both the font-size and the font-family. The font-family command must always be at the very end of this shorthand command, and font-size must come directly before this. Also, if you don’t specify the font-weight, font-style, or font-variant then...
Safari AdBlock →
Like Firefox’ AdBlock. I’m stoked. Safari just got a lot better.
Firefox url/search shortcuts
Command + l = jump to adressfield Command + k = jump to searchfield I’ve been longing for these since forever. Why did I not know til now?
Image floats, without the text wrap! →
Needs set width, othervise good.
Anoying floats pixel gap in IE
It’s a well documented bug, but I’ll recap here anyway. If you have a some floats next to each other, and there’s a little extra gap underneith one of the floats in IE, any IE will do this, it’s probably because you have floated an inline element. E.g. an image. Someone at CSS Creator described this better: Because images are inline replaced elements, browsers leave a...
Note to self
When IE6 is being EXTREMLY hard to deal with in Parallels, it just might be multiple-IEs faulth, and about time to check standalone IE6 in WMware!!
CSS [Attributes] →
Old, but valid. Those div[id=”content-sub”] things. Also usable for avoiding IE6.
Image replacement for (x)html buttons
This tip at ampsoft.net seems to work just fine in Safari, Firefox, IE6 and IE7. Using the normal text-indent or padding/overflow hidden trick. But both IEs insist on the [button type=”submit”]Go[/button] element, rather than [input type=”submit” value=”Go” /], since the value “Go” will display on top of the replaced image.
Fix stupid bug in Syphone - iPhone SMS backup
Go into ~/Library/Preferences/ and delete the file named ‘com.micromat.Syphone.plist’. From the Syphone forums.
“-moz-inline-box”
– This Much I Know - » inline-block in FireFox
April 2008
7 posts
WordPress Automatic Upgrade plugin →
Succesfully upgraded from WP2.3 to WP2.5.1 on yayforfood.com. Had an error using the manual setting, but tried again using the automatic version, which worked smoothly. Another error: had to manually activate the other plugins again, perhaps because some of them needed updating?