Templates

Introduction

This repo contains various templates that I am cloning from scratch (i.e. I've used visuals to recreate, but haven't reused any of the underling code).

The majority of the templates I will clone will be from FreeCSS and these are all contained in the FreeCSS folder. Where I clone other templates and folders, these will be contained in their own distinctive folders.

Each item in these folders contains two folders, a public folder with my code in, and an inspiration folder with images and source code of the website that I'm trying to recreate.

I will also use this as an exercise to help discover some of the tools / libraries used to create the websites. I will keep a list of this libraries below and will make my own notes about these additional tools. Where I use other libraries I will also make note of these.

While some websites will use frameworks such as bootstrap I, initially, will seek to avoid such comprehensive libraries, as I seek to improve my own CSS and HTML skills and utilising bootstrap and the like too often would defeat the purpose of these exercises.

I will utilise SASS to write my CSS, and will also leverage jQuery in places. Later templates, I may create using React, but initially, for these projects, I want to focus on writing as much HTML and Sassy CSS as possible.

Third Party Libraries

Third party libraries being used in any of these projects are listed below. Any libraries used will be installed locally in a 'lib/' folder but this folder is being ignored by github so I don't upload too much bloat into the repo. All additions to this folder will be documented below. Templates created by me, will each be self-contained within their respective folders so any libs contained in this ignored lib folder won't affect the ability of any websites to be displayed properly.

By Me

Lib Libraries

• Bootstrap-4.0.0-beta.2

In Projects

• Autoprefixer Autoprefixer is a PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Taobao.
• Gulp Gulp is a build automation tool. I will initially be using this to compile my sass code, but will be looking to extend it's use where appropriate (Testing springs to mind!).

By Original Source Code

These are the libraries used by the websites that I'm attempting to clone.