Blog Archives

Google font WOFF in Firefox

Problem In a website that gets fonts from Google’s CDN, the browser window loading icon continuously runs.  In Firebug you can see that the WOFF file from google is the culprit.   Solution Turn off Firebug.  Apparently it’s a problem

Tagged with: , , ,
Posted in Coding

Firebug in Safari

Since Safari 3.x, you can now have a firebug-like tool in Safari.  Either open terminal and copy-paste the line below or edit the plist file here ~/Library/Preferences/com.apple.Safai.plist. defaults write com.apple.Safari WebKitDeveloperExtras -bool true Most websites stop there saying “you should now

Tagged with: ,
Posted in Tools

iPhone Viewport and position absolute

Problem I have a div with id “stripe” that is using absolute positioning to be at the top of the page and span 100% of the page width.  It overlays the top part of the website.  The rest of my

Tagged with: , , ,
Posted in Coding

Debugging Websites for iPhone

Problem I created a website that looked great in IE7+, FF, Chrome, and Safari, but on the iPhone a few things looked off.  Problems could be from the viewport being 480px wide but the website is 1000px wide so using

Tagged with: , ,
Posted in Coding

Firebug

I don’t know how I used to develop web pages before Firebug.  It is the single best tool you can have when debugging a webpage.  If something doesn’t look right I open Firebug and find out what styles are being

Tagged with: , , , ,
Posted in Tools