Please enable JavaScript.

Coggle requires JavaScript to display documents.

Framework / Library (FRAMEWORK (Grid System (Flexbox, 12 col, markup/class…

- - - - CSS minification
      - css post-processing
      - css/js minification
      - browserSync
        
        live reload
        
        local servier
        
        ability to test on any device connected to the same network
  - - - consistent spacing of elements
      - find base, make smaller/larger variants
      - use function to set up utility classes for both padding and margin
      - mostly done and in use on MET One-Key build, just need to automate utility class creation
      - accounts for margin and padding
    - - Functional Programming, CSS, and Your sanity
- - - - Living styleguide with pattern and code examples
      - Atomic Design (Atoms > Molecules > Organisms > Pages > Templates)
    - - Periodic Table of HTML Elements
      - Badges
      - Icons
      - Colors
        
        primary
        
        secondary
        
        tertiary
        
        grays using black base and then sass lighten/darken
  - - - Development Guidelines
        
        Environment Setup
        
        Naming conventions
        
        Best Practices
        
        Accessibility Guidelines
      - Framework Usage
        
        Layout
        
        Components
        
        Naming Conventions
        I- deaology
    - - Gulp
      - Metalsmith
      - Handlebars