1. Generated Sites

    Installing and running Jekyll, site structure, configuration, creating pages.

  2. Themes

    Splitting a header and footer out into separate files for easy maintenance.

  3. Static Data

    Store a list of data in a file, and use a template loop to display it.

  4. Responsive Design

    Looking at relative sizing of text and boxes using percentages.

  5. Adaptive Design

    Media queries for adaptive sizing and display of specific content.

  6. FlexBox Layouts

    Flexbox layouts for displaying content in columns.

  7. Optimisation

    Simulating slow connections, identifying slow files, optimising sites.