pogo-scaffold

Code project launcher

Usage no npm install needed!

<script type="module">
  import pogoScaffold from 'https://cdn.skypack.dev/pogo-scaffold';
</script>

README

Project Scaffolding

  1. Pull down HTML5 Boilerplate
  2. JS folder * Clear
  3. CSS folder
    • Clear
    • Add Sass/Stylus
      • Variables
      • Compass / Nib
      • Mixins
      • Normalise + ie7 support
      • Brand
        • Use sections detailed on html5doctor?
        • Typography
        • Forms
        • Tables
      • Modules folder
    • Print Stylesheet
  4. Clear unnecessary root files
  5. Build and watch
    • Add grunt file
  6. Unit test
    • Mocha
    • phantom JS

Decisions

  1. Templating language * Handlebars
  2. Responsive Design * Responsive Tables solution http://www.zurb.com/playground/playground/responsive-tables/index.html * Catering for ie < 9 http://the-taylors.org/blog/2012/09/02/responsive-styles-respecting-old-ie-6-7-8
  3. CSS Declarations 1. BEM 2. Grouping
    1. Font
    2. Color
    3. Display
    4. Float
    5. Box Model
    6. width
    7. height
    8. padding
    9. margin
    10. border
    11. Background

CSS Frameworks

Sass

Less

  • Twitter Bootstrap [Less]

Stylus

Standards Guidelines

CSS

JavaScript