Archive for March, 2010


I recently needed to allow a contractor to work on a single webpage of a website but couldn’t give them access to our server so I needed to wrap up the page into one neat little package and give them access to it. Problem was that Firefox didn’t save out all the images referenced inside the CSS as well as package it up for me.

Someone over at Mozilla had noticed this problem about how to save a complete webpage in Firefox and posted it. If you’re like me, and this didn’t work for initially, you’ll need to go also download the Nightly Tools Build and then download/install the Save Complete. The Nightly Tools Build will allow you to authorize the Save Complete and go along your merry way.

Managing a flat file html website cut for a client resulted in not being able to manage the main navigation and side navigation with includes and I quickly needed a way to update all the navigation and links across all the files. Vim to the rescue.

First, select all your files you wish to edit and send them to vim and the buffer:

Then type what files within those you want to parse by. In this case I want all of them so I just specify:
:args *.html

This will search all files ending in “.html”.

Then I want to substitute a specific word with another:
:argdo %s/>Enterprise solutionsEnterprise services

The /'s act as separators for each phrase we're searching for. In this case ">Enterprise services< " and we'll be replacing it with ">Enterprise services<". After that, the "g" stands for global: meaning the whole file, and "e" meaning don't complain about not finding the term or throw errors up during the process. The pipe "|" means do something after this and "update" means save the file.

If you're using svn, you'll see a nice visual of all the files changed at the end as in my screenshot above.

Zappos.com has some pretty cool shoes, and let’s be honest, one of the most positive company brand’s to work for since Google. I’ve always been impressed with their business practices: They pay employees to quit. So how do you hire someone who’s a complete web nerd? Put your job application in custom header variables of your website assets:

X-Core-Value: 10. Be Humble
X-Recruiting: If you're reading this, maybe you should be working at Zappos instead. Check out jobs.zappos.com

Who else but Zappos would recruit inside custom header tags?

What caught my attention on the web in March 2010:

I’m constantly finding myself needing to reference this for colleagues or for myself so it’s only appropriate to add it to the blog.  If you’re working with Internet Explorer on a regular basis and let’s be honest, if you’re in web design, you will be.

Here are the supported conditional mark ups for each version of IE:

height: 200px; /* normal browsers */
_height: 300px; /* IE6 */
.height: 250px; /* IE7 */
*height: 350px; /* All IEs */