The shortcut keys for refresh / hard (force) refresh on a Mac for Safari and Firefox:

Firefox

Refresh: Command+R
Hard refresh: Command+Shift+R

Safari

Refresh: Command+R
Clear the cache: Command + Option + E

*Command = Apple key

$(document).ready(function() {
$('a[href^=http]:not("[href*=://' + document.domain + ']")').click(function() {
pageTracker._trackPageview('/out/'+$(this).attr("href"));
});
});

(please indent them!)

Cheers

In our company we use Subversion for version control.

Using a GUI for Mac gives our more graphical team members easy access to common tasks, such as committing changed files to the repository.

However updating the working copy on a (test-) web server still requires knowlegde of a unix shell and having to log in and running it manually can be a full time position.

After doing some research I found the official PECL SVN bindings. These are still very experimental and a hussle to install.

So I decided to use the simplest solution that just executes a “svn up” on the server and does not require any server-side modification:

exec("svn up ".dirname(__FILE__), $out, $ret);

Which serves perfectly for this purpose.

Wrapping this line in a (30secs) self refreshing file makes sure the working copy stays updated.

And the best thing is:
it does not require anything, except installed svn binaries that are executable for the apache user and write access to the webroot.
Download

“How can I downsize large product images but not enlarge small images?”

simple as:

syntax:

$this->helper('catalog/image')
->init($_product, 'image')
->keepFrame(false)
->constrainOnly(true)
->resize(650);

example:

$this->helper('catalog/image')
->init($_product, 'image')
->keepFrame(false)
->constrainOnly(true)
->resize(650);

explanation:

$this->helper(‘catalog/image’)

loads the ‘Mage_Catalog_Helper_Image’ located at ‘app/code/core/Mage/Catalog/Helper/Image.php’

(NOTE: it only handles instances of ‘Mage_Catalog_Model_Product’)

[why not categories? - they can have images too!!]

Mage_Catalog_Helper_Image::init($_product, ‘image’)

loads the actual product in the helper

Mage_Catalog_Helper_Image::keepFrame(false)

avoids getting the small image in original size on a solid background color presented (can be handy not to break some layouts)

Mage_Catalog_Helper_Image::constrainOnly(false)

avoids getting small images bigger

Mage_Catalog_Helper_Image::resize(600)

sets the desired width to 600px and the height accordingly (proportional by default)

Check ‘app/code/core/Mage/Catalog/Helper/Image.php’ for more handy methods!

Hope this helps someone.

Long distance:

My cousin recently had to drive from Queenstown to Christchurch on her own, but couldn’t quite remember how to get there. Before she left I suggested she have a quick look on Google Maps (http://maps.google.com).

• Step 1: Go to http://maps.google.com and click on “Get Directions”
• Step 2: Enter your location, and then enter your destination in the “A” & “B” boxes
• Step 3: Click “Get directions” to search the map

Tip: If you’re going to a specific address you can type this in too e.g. “Crowne Plaza, Christchurch, New Zealand” – give it a try!

The result (click to enlarge)

Short distance:

“Ahh” she said, “I hate Christchurch’s one way road system”. No problem. Google Maps will take this into account. If you zoom in on your destination using the “+ -” buttons you can see the road directions.

The result (click to enlarge)

Other uses:

• A great tool for getting from the airport to your hotel, when you’re in a different country
• It’s great for judging distances – if you’re not sure whether you should walk or take a car
• Avoiding toll roads – click on “show options”

Where are you going? How has this helped? Any other tips or ideas? Please leave your comments below.

Brown & Pemberton are a planning company who work nationwide on many different projects ranging from large-scale developments, infrastructure projects, commercial, urban and rural projects to single dwellings.

Kelpdesign worked with Brandcom to develop Brown & Pemberton’s new website. The site’s aim was to promote their latest projects as well as to introduce potential clients to the team and thier range of experience.

Developer’s note:
The site features a fixed header and footer as an overlay which allows the body of the content to scroll behind. To create this using CSS you can use the following code (note: not supported in IE6).