

Next lesson playing in 5 seconds
CancelBuilding Static Websites with Hammer for OS X
Introduction
01:12
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.Introduction1 lesson, 01:12
1 lesson, 01:12
1.1Introduction01:12
1.1
Introduction
01:12
2.Getting to Know Hammer4 lessons, 43:00
4 lessons, 43:00
2.1What Are Static Websites?05:03
2.1
What Are Static Websites?
05:03
2.2The Interface10:33
2.2
The Interface
10:33
2.3Starting a Project18:12
2.3
Starting a Project
18:12
2.4Linking Dependencies09:12
2.4
Linking Dependencies
09:12
3.Hammer and Sass4 lessons, 1:00:24
4 lessons, 1:00:24
3.1Bringing in Sass14:32
3.1
Bringing in Sass
14:32
3.2Styling the Home Page17:51
3.2
Styling the Home Page
17:51
3.3Styling the Navigation12:44
3.3
Styling the Navigation
12:44
3.4Finishing Off the Styling15:17
3.4
Finishing Off the Styling
15:17
4.Hammer Features6 lessons, 1:00:59
6 lessons, 1:00:59
4.1HTML Includes09:11
4.1
HTML Includes
09:11
4.2Variables10:18
4.2
Variables
10:18
4.3Intelligent Paths11:35
4.3
Intelligent Paths
11:35
4.4Navigation Helpers09:26
4.4
Navigation Helpers
09:26
4.5Markdown and HAML11:05
4.5
Markdown and HAML
11:05
4.6Hammer Templates09:24
4.6
Hammer Templates
09:24
5.Once You're Done1 lesson, 14:26
1 lesson, 14:26
5.1Deployment14:26
5.1
Deployment
14:26
6.Conclusion1 lesson, 01:29
1 lesson, 01:29
6.1Conclusion01:29
6.1
Conclusion
01:29
My name's Ian; I'm the web design editor round these parts and I also run the translation project. Ask me anything you like about web design, in any language… I'll find someone who knows the answer! https://www.instagram.com/lycra_against_litter/