Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.

Building Static Websites with Hammer for OS X

with

Content Management Systems are often unnecessarily complex for building simple websites, but using a CMS will usually make sense because of the limitations of plain HTML pages. Hammer is a Mac application, developed by Riot, and bridges the gap between building static HTML and dynamic web pages.

Using Hammer, we’re going to build a multi-paged website, practicing rapid workflow and fine-tuning our output for performance. We’ll look into using variables, includes, intelligent paths and many more of Hammer’s features. Once done, we’ll look at our deployment options (no PHP server needed!) and use GitHub to publish our site to GitHub pages.

1× speed

Free Preview: Building Static Websites with Hammer for OS X

Introduction

01:12

1.Introduction
1 lesson, 01:12

Free Preview
1.1
Introduction
01:12

2.Getting to Know Hammer
4 lessons, 43:00

Free Preview
2.1
What Are Static Websites?
05:03

2.2
The Interface
10:33

2.3
Starting a Project
18:12

2.4
Linking Dependencies
09:12

3.Hammer and Sass
4 lessons, 1:00:23

3.1
Bringing in Sass
14:32

3.2
Styling the Home Page
17:51

3.3
Styling the Navigation
12:44

3.4
Finishing Off the Styling
15:16

4.Hammer Features
6 lessons, 1:00:59

4.1
HTML Includes
09:11

4.2
Variables
10:18

4.3
Intelligent Paths
11:35

4.4
Navigation Helpers
09:26

4.5
Markdown and HAML
11:05

4.6
Hammer Templates
09:24

5.Once You're Done
1 lesson, 14:26

5.1
Deployment
14:26

6.Conclusion
1 lesson, 01:29

6.1
Conclusion
01:29


Preview for Building Static Websites with Hammer for OS X
Lessons:
17
Length:
3 hours
About Ian Yates
My name's Ian and I'm editor of Web Design content at Tuts+. Ask me anything you like about web design… I'll find someone who knows the answer.
+ Expand Bio- Collapse Bio