Quick Start
Overview
Hugo
Overview Hugo Documentation YouTube Playlist
Project Repositories
Directory Structure Layouts Folder Static Folder
Framework
Overview Root Variables Colors Fonts & Text Common Elements Responsive Spacing Margins & Padding Layout & Positioning Containers Content Boxes Flex Grid
Development System
Overview 1. Project Setup 2. Framework Config 3. Development 4. Responsive 5. Quality Assurance Demo Build
Components
Overview Component Library Types & Structure Pre-Installed Simple Installation Advanced Installation Customisation Development
Third Party
Overview Ajax Chimp Cloudflare Stream Font Awesome jQuery UI js Cookie Netlify Identity Shopify Slick Slider Strapi Schema Dot Org

Video Overview

A high level overview of our Development System and the individual stages.

Chapters & Transcript.

Development Stages

1. Project Setup
Project repository is downloaded and the directory structure checked.
Learn More
2. Framework Config
Root variables in the Framework stylesheets are set to match the design file.
Learn More
3. Development
Website is developed using the Framework, Components & best practice.
Learn More
4. Responsive
Responsive breakpoints are handled using the Framework and Components.
Learn More
5. Quality Assurance
Website is tested cross-browser & platform to ensure quality.
Learn More