Giter VIP home page Giter VIP logo

thomaslite's Introduction

Thomas Lite

Thomas Lite is a tool to develop slide templates for Ed.

Requirements

Thomas requires access to Ed's development environment.

You will also need Node, Brunch and Bower installed on your machine. Scaffolt is optional, but is useful if creating a lot of templates.

Running Thomas Lite

You can clone Thomas Lite using brunch. This will run npm install and bower install for you.

brunch new https://github.com/Creative-Licence-Digital/ThomasLite.git your-template

Now you are ready to run Thomas...

brunch w -s

Access Thomas on localhost:3333. Thomas watches for any changes you make and reloads the page.

More information

  • Templates documents the different files needed by a template and how to create new templates.

  • [Slide Methods](docs/Slide Methods.md) give an overview of common methods made available to every template view.

  • [DOM Structure](docs/DOM Structure.md) shows an overview of how Thomas is structured.

  • CSS components provide highly abstracted styles to avoid repetitive CSS declarations bloating the core CSS framework. Always check whether a class aleady exists, and use these styles to help maintain a lightweight codebase.

    • Blocks
    • Grids
    • [Content Alignment](docs/css/Content Alignment.md)
    • Typography
    • [Animations and Transitions](docs/css/Animations and Transitions.md)
  • JS libraries provide core functionality in a modular and re-useable format. Like Thomas's CSS, use pre-existing modules when appropriate.

thomaslite's People

Contributors

mathieuguillout avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.