Get Single Tutorial
Learn Enough CSS & Layout to Be Dangerous is available as an ebook, an offline video series, and as a structured, self-paced online course. The course includes full online access to the book content, streaming videos, progress tracking, exercises, and community exercise answers.
All Access Subscription
The Learn Enough All Access Subscription includes the entire Learn Enough introductory sequence and the full Ruby on Rails Tutorial. More than 2500 pages of book content and 53 hours of video that teach you to code from total beginner up to professional-grade web development.
Learn Enough CSS Layout to Be Dangerous A tutorial introduction to CSS and page layout Lee Donahoe and Michael Hartl
An introduction to CSS and page layout, including static site generation with Jekyll
Chapter 6 Page templates and frontmatter
You might have noticed that we finished Chapter 5 with a big loose end: the default “layout” default.html contains all of the content from our main index page. This makes it effectively useless for reuse, since as currently constructed the layout would include the same home page content on every page of our site. In this chapter, we’ll tie up this loose end by learning how to insert content dynamically, thereby making our layout a truly reusable template.
What we want is to be able to keep the site-wide elements like the header and footer while varying the content in between (the part shown in blue in Figure 6.1). Our method will be to use Jekyll page templates to further simplify our site’s structure and refine its styling, with a focus on developing unique content for each page. Along the way, we’ll learn a new Liquid command for inserting content (Section 6.1), style the hero section (Section 6.2), learn some more advanced selectors (Section 6.3), and add pages other than the default index (Section 6.4).
Learn Enough CSS & Layout
Premium Content
The Learn Enough tutorial section you have selected is premium content. You can get full access with an ebook purchase or a course subscription. If cost is a factor, please consider applying for a Learn Enough Scholarship, which includes both free and discount options.
You can send any feedback or questions to support@learnenough.com.
Get Started Now!
Course Subscriptions
Course
Full online version of the tutorial, embedded streaming videos for all sections, exercises with editable answers, progress tracking, and membership in the Learn Enough Society (community exercise answers, private chat group). Pause your subscription at any time!
Need a little help?
Learn Enough offers a generous scholarship program to help out in case cost is a factor. We’ve already awarded over 1500 Learn Enough Scholarships to a wide variety of recipients, including students, people between jobs, and residents of countries with unfavorable exchange rates. Applications are quick, easy, and 100% confidential. Learn More
Money-Back Guarantee
All Learn Enough tutorials come with a 60-day 100% money-back guarantee. If for any reason you aren’t satisfied with any tutorial purchase, just let us know and we’ll refund your payment.
All Access Subscription
Get free access to all 10 Learn Enough courses (including the Ruby on Rails Tutorial) for 7 days!
Free 7 Day trial details
We require a credit card for security purposes, but it will not be charged during the trial period. After 7 days, you will be enrolled automatically in the monthly All Access subscription.
BUT you can cancel any time and still get the rest of the 7 days for free!
All Learn Enough tutorials come with a 60-day 100% money-back guarantee.
