Skip to content

Latest commit

 

History

History
26 lines (16 loc) · 1.2 KB

layouts-frameworks-themes-and-templates.md

File metadata and controls

26 lines (16 loc) · 1.2 KB
layout title
page
Frameworks, Themes, & Templates

Jaytch tries to maximize reuse by splitting layouts into three components:

  1. The Framework -- boilerplate HTML, CSS, and JS.
  2. The Theme -- customized CSS, often specific to a framework.
  3. The Template -- framework-specific site scaffolding.

![Layout Components]({{ site.baseurl }}/docs/images/jaytch-model.png)

In general, site templates are heavily coupled with a specific site framework, which can use a variety of site themes.

The Framework

The Framework is the underlying boilerplate HTML components, CSS, and JS that's provided for your pages. Examples include Bootstrap, Foundation, and Skeleton.

The Theme

The Theme is a set of specific styles that are applied to the selected site framework. Examples include Bootswatch and Octopress Themes.

The Template

The Template is a new construct for this release. It is, in concept, the kind of site that you're hosting -- a blog, a web app, a landing page for a product / project, ... whatever.