Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

Cancel

2.1 HTML5 Boilerplate

HTML5 Boilerplate is a rock solid starter template for a front-end web/mobile application. It comes with well-documented tips and tricks on performance, mobile development, analytics and much more. It is defintely a reference for starting any front-end project.

Prerequisites
  1. Sublime Text or any text editor
  2. Chrome Develop Tools – Networking
  3. Git
  4. MAMP
Resources
  1. HTML5 Boilerplate Main website
  2. HTML5 Boilerplate Github Repo and the Github account
  3. Protocol Relative URL
  4. Normalize.css
  5. Apple Touch Icons
  6. Humans txt
  7. Robots.txt
  8. Cross-Domain XML
  9. Gitignore
  10. Git Attributes
  11. Modernizr

1.Introduction
1 lesson, 04:44

Free Lesson
1.1
Welcome
04:44

2.Boilerplates and Scaffolding
4 lessons, 1:00:43

Free Lesson
2.1
HTML5 Boilerplate
10:13

2.2
Twitter Bootstrap
09:29

2.3
Foundation
19:41

2.4
Yeoman
21:20

3.Markup Abstraction
2 lessons, 28:07

3.1
Emmet
15:48

3.2
Markdown
12:19

4.CSS Abstraction
3 lessons, 47:51

4.1
Sass + Compass
19:37

4.2
LESS
14:47

4.3
Stylus + Nib
13:27

5.HTML and Javascript Abstraction
2 lessons, 20:38

5.1
Jade
15:16

5.2
Haml
05:22

6.Javascript Preprocessing
1 lesson, 13:23

6.1
Coffeescript
13:23

7.Templating
2 lessons, 28:41

7.1
Mustache
15:17

7.2
Handlebars
13:24

8.Workflow
4 lessons, 44:14

8.1
Mobile Debugging
07:20

8.2
Local Web Servers
10:19

8.3
Autosave
08:38

8.4
Chrome DevTools - Inspect + Debug
17:57

9.Conclusion
1 lesson, 01:25

9.1
Conclusion
01:25