Sync Passwords Between Firefox and Safari

When I’m casually browsing the web I prefer to use Safari and I have it set as my primary browser. When I’m working on websites I use Firefox mainly because I prefer the Firebug Add-on over than the Safari Developer Tools.  Inevitably I end up opening a ton of tabs on Firefox and occasionally end up signing up for a service only to later open up the site in Safari and not have access to the password. Well, I came across an incredible Firefox Add-on called Keychain Services Integration which solves this dilemma.

When you first install Keychain Services Integration it will import all of your Firefox passwords to Keychain, but it will keep all your current password in case you decide to remove the Add-on. Now I can finally begin using the difficult passwords Safari suggests when registering for a website without having to look it up in Keychain when I decide to later login using Firefox.

My Website Development Tool Set

I’m always fascinated with what tools others are using. I like seeing icons that other have in their doc at conferences. Here are the tools that I use when I am creating a website. This list is Mac specific, but I’m sure some of the tools are on Windows as well.

MAMPFirst things first, MAMP PRO. Always do your development locally on your computer before before it goes on a server. I think the term is “cowboy coding” when you edit right on the server (which I used to do!). MAMP is a free application, but the Pro version lets you easily create local hosts without having to fuss with your hosts file. I usually create a host called ‘’ and point it to a directory in my Sites folder i.e. /Users/<Your Name>/Sites/mysite. If you add an index.php file in this directory you should see the results by going to in your browser.

FirefoxSpeaking of the browser for my everyday web surfing I use Safari, but when I am developing a website I use Firefox with the Firebug extension. I find it to be easier to use than the Safari or Chrome Development Tools.

TowerIf your not using version control do it now. It sometimes feels like a drag until it saves your butt one day when you accidentally delete something. Code, test, then commit. And enter detailed commit messages because “bug fix” doesn’t mean anything in a month. Even if you are the only developer on a project it is still worth the effort to use source control. All the commit command line code can be a bit overwhelming, so I use Tower which does all the command line magic for you. If I am creating a WordPress site, the only directory that I will add to source control is my Theme directory.

BeanstalkOnce I am ready to take my commit live to the production server I use Beanstalk. Beanstalk is integrated with Tower which is a plus. This is your remote repository. After a commit is made you can then push that commit to Beanstalk. You can setup your FTP information from their website and deploy the changes as needed. Depending on how you want to set it up, you can also auto-deploy when a commit is made. This only replaces the files that have been changed.

CodaMy default code editor is Coda. I don’t use a lot of the bells and whistles that it provides, but I like its style. Specifically I use the ‘Specials Board’ style sheet to make it look like I am a seasoned hacker with the dark background, but it has a very readable syntax highlighting. I also use the WordPress Additions plugin that adds autocomplete of WordPress functions.

CodeKitI use CodeKit for my CSS pre-processing and minification. Have you ever created a stylesheet and needed to change a color throughout the site? This is what CSS pre-processing is for. You can use variables the same way you do in PHP, so when you need to change a color, you are just changing it in one place. I use SASS, so I will create a directory in my project called ‘scss’ where my SASS files are located. After they are processed a minified style.css is created. This happens automatically as long as CodeKit is open while you are developing. Just drag your project folder on CodeKit and it will now “watch” for changes. I also use code kit to combine all my JavaScript files and minify those as well. As a bonus there is also an image optimizer, so after all three of these your site will be nice and speedy by loading these reduced files.

PhotoshopLastly I use Photoshop for image manipulation. Not much to say about that, Adobe has consistently created the best in breed product. The majority of what I do in Photoshop is take layered designs and crop out the elements that I need for a website.

PHP Website Redesign website has just launched a beta version of their new site design. This is much needed as the current design has not been changed since March 8, 2001, back when PHP was at version 4.0.4. The new design uses touches of javascript to allow you to jump to various locations without having to go through multiple clicks. I say it is a welcome change.

The code examples was what I was most interested in. The font has been reduced in size and defaults to your browser monospace rather than: Consolas,”Andale Mono WT”,”Andale Mono”,”Lucida Console”,Monaco,”Courier New”,Courier,monospace. It also uses a white background with a grey border rather than the grey background.

Previous Code Example
Previous Code Example


Updated Code Example
Updated Code Example



I’ve had a love/hate relationship with MAMP for the last few years – mostly love, but there are a few things about it that have turned my hair grey. One of these things is the packaged PEAR library. I have been wanting to install PHPUnit for quite some time now and have gotten close, but was never able to actually get it running from within the MAMP environment. Well today I set forth to change this… Continue reading MAMP PEAR Setup

Coding the Web