Expanded Library
Creating a Custom Jekyll Theme
Learn to build a custom Jekyll theme using Gulp, Sass, and Foundation Framework. Software required: Adobe Photoshop CC 2015, Sublime Text 3, and Ruby.
What you'll learn
We'll learn how to build a custom Jekyll theme while using Gulp, Sass, and Foundation Framework. First we will step into Adobe Photoshop to create a mockup of our theme, and then we will spend the rest of the course creating the theme with the help of the command line and code editor. Software required: Adobe Photoshop CC 2015, Sublime Text 3, and Ruby.
Table of contents
Introduction and Project Overview
1min
Creating a Custom Jekyll Theme
122mins
- Designing the Header 6m
- Designing a Featured Stories Section 8m
- Finishing the Home Page Mockup 6m
- Designing a Post Page 5m
- Installing Required Software 4m
- Creating Our Jekyll Project 7m
- Working with Gulp 6m
- Integrating Foundation 9m
- Writing the Header HTML 10m
- Creating the Featured Posts HTML 7m
- Writing the Secondary Posts HTML 9m
- Adding Pagination and Finishing the Index Page 4m
- Beginning the CSS 9m
- Adding a Footer 8m
- Finishing the Sub Pages 8m
- Wrapping up the Theme 8m
- Making the Site More Performant with Gulp 8m
