Buy Hammer
Download
Features
Take the tour
Templates
Browse gallery
Docs
Read up
News + Updates
All the latest about Hammer

Clever Paths

Show Menu

Hammer knows about all the files in your project, and is intelligent about handling file paths. Instead of writing an absolute or relative link to your file, you can just use the file name itself and Hammer will find it and use it.

In Hammer, you can just write this:

<img src="<!-- @path mac.png -->" />
<img src="../assets/photos/mac.png" />

In your CSS you could specify that image as a background image the same way:

background-image: url(mac.png)
background-image: url(../assets/photos/mac.png)

When Hammer compiles your Build folder it will substitute these URLs for relative URLs so that no matter where your build is viewed, the file paths will be correct.

You can even move your images and files around - Hammer will always get the right paths every time it builds, as long as your file names remain the same.

Have a question, want to beta test new releases or have an issue you're stuck with?

Join our supportive community Slack Team and get in touch with us directly. We love to help!

Free Trial
Buy Hammer
Anvil is a beautiful menubar app that can run your Hammer builds under local .dev URL’s - great if you’re using web services like Typekit. Find out more and download it for free at anvilformac.com