Hammer for Mac 6.8

Forget writing front-end code the old way. Hammer will save you time.

Built in support for SASS (w/Bourbon), CoffeeScript, Slim, HAML & Markdown, as well as Hammer’s own special tags.

This folder is your Project Folder and is the folder that Hammer will watch. All your edits and changes are made in this folder.

Edit files in the Project Folder using your preferred text editor, using Hammer's special tags and language support .

This is the Build Folder that's recompiled inside your Project Folder. It's a static build that you can view, share & publish.

Major features to save you major time

Automatic Language Compilation

SASS (with Bourbon), CoffeeScript, HAML and Markdown all compile automatically to HTML, CSS and Javascript.

Special Hammer Tags

Use special tags for HTML includes, clever filepaths, variables and autoreloading of the page in your browser.

Optimise Your Output

Switch on Optimise mode for a project and its Build files will be compressed, concatenated and optimised.

Publish + Share Your Builds

Share your packaged Build manually, or publish a version to our short URL service and paste a
link.

Hammer has its own format, which sits right inside your HTML, CSS and JavaScript files

Start using these in your projects and you’ll wonder how you ever managed without them.

HTML Includes

Front-end developers shouldn’t have to run local environments, or use PHP to do HTML includes.

With Hammer, you don’t have to

@include _header.html

Clever Paths

Write asset paths the easy way. Hammer searches your project files for the file and writes the filepath for you, even if it moves.

@path icons.png

Variables

Set and use variables in your files to bend them to your will. Perfect for building out templates, you can even set default variables.

$foo_bar

p
$foo
/p

Auto Reload

Every time Hammer finishes compiling your project, it will refresh the built page in whichever web browser you’re using.

@reload

Todos.

Leave yourself notes and todos directly in your code. Hammer will display them right in the main interface.

@todo Rewrite all of this

Image Placeholders

Create dynamic placeholder images quickly and easily. Great when you need flexible images at the prototype stage.

@placeholder 300x400

Stylesheets + JavaScripts

By using the special Stylesheet and JavaScript tags, you can include multiple assets with minimum markup. Plus, there’s no need for extensions; just like clever paths, Hammer will find the files itself.

@stylesheet normalize

@stylesheet assets/css/*

@javascript jquery app

For a complete guide to these special tags and all the other features in Hammer, please read through the Hammer Documentation