In todays episode, Travis Neilson from (DevTips)[www.youtube.com/user/DevTipsForDesigners] goes through the process of setting up a local Jekyll Installation and gives us a tour of the working parts and how to use Jekyll.

1:17 - Jekyll overview
3:09 - Installing
5:10 - Tour
10:19 - Front-matter
12:24 - Sass
13:52 - Parting thoughts

Jekyll Website / Docs: jekyllrb.com/
The Web Ahead Podcast: 5by5.tv/webahead/54
DevTips Project Playlist: www.youtube.com/playlist?list=PLqGj3iMvMa4KQZUkRjfwMmTq_f1fbxerI
Talking to Jon about Jekyll Video: youtu.be/u22CLlw4_hg

Subscribe to phpacademy and enjoy more free web development tutorials!

Our channel
youtube.com/phpacademy

Official website
phpacademy.org

Support Forum
phpacademy.org/forum

Follow us on Twitter!
twitter.com/phpacademy

1. Series Introduction
2. Discovery & Documentation
3. Sketching, Wireframes & Design
4. Getting Started With Jekyll, The Static Site Generator
5. DevTips Starter Kit
6. Coding the Header and Footer
7. Profile Section
8. GitHub Pull Requests & Refactoring
9. More Pulls
10. Some Quick Pulls
11. The Work Section
12. CSS Animations
13. Work Section Interactions
14. Ajax Content
15. Grunt.js & Jekyll 2.2 Fix
16. Community Pull Requests
17. Dylan's Pull
18. Testimonial Markup and Style
19. Testimonial Javascript
20. Responsive Clients
21. Community Pulls
22. Font icons & Social Contacts
23. Contact Form
24. Use FitText for Responsive Text
25. Free Hosting with GitHub!
26. Series Overview: How to build a professional website from start to finish

This is a 10-hour long series on how to create a website employing responsive web design (RWD) technique that looks great across mobile and desktop devices. This courses assumes prior basic knowledge of HTML5 and CSS. For more on these two topics, check out the other introductory courses by Travis Neilson from DevTips.