Skip to content
develop
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
bin
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Ninja

The feature packed, lightning fast boilerplate we use at Graffino for building modern responsive static and WordPress powered websites.

Ninja dancing

Features

Modern CSS

  • SCSS powered
  • Easy media queries
  • PostCSS optimisation via browserlist
  • Code minification
  • Custom Flexbox grid system
  • Custom mixins & utilities
  • Responsive typography
  • Automatic code linting and fixing
  • Sourcemaps

ES6 vanilla JS

  • Vanilla JS modules
  • ES6 transpiling via babel with browserlist support
  • Babel polyfills support
  • Code minification & optimisation
  • Automatic code linting and fixing
  • Sourcemaps
  • VSCode debug support
  • Webpack build

Assets

  • NodeJS assets via package.json, you won't manually download a library ever again
  • SVG sprites for modern dynamic SVG icons and assets
  • SVG inline injection
  • Image assets compression & optimisation
  • Lazy loading & low resolution placeholders

Static

  • Handlebars templating system
  • Custom mixins
  • Cache busting support

or WordPress (PHP) powered

  • Composer integration for WordPress and plugins
  • Support for private packages and .env based configuration for license keys
  • Custom OOP base theme with automatic class loading and dependency injection
  • Cache busting support
  • Automatic code linting and fixing
  • VSCode debug support via xDebug

Regression testing

  • Regression testing via Cypress and Backstop

Toolset

  • Optional dockerized development environment
  • Custom SSL certificate support for .dev domain
  • One command WordPress setup and initialization
  • Database migration & dump scripts for WordPress
  • Automatic javascript and composer packages update scripts
  • Automatic deployment scripts
  • Automatic file syncronisation scripts (WordPress)
  • Automatic package version bumping
  • Development server with code injection and hot reload

Prerequisites

To install required software: https://github.com/Graffino/Ninja/tree/master/docs/prerequisites.md

Features And Usage

To find out more about what Ninja's features and project structure: https://github.com/Graffino/Ninja/tree/master/docs/features-and-usage.md

Vanilla Javascript Compoments

How to use Ninja's vanilla JS compoments: https://github.com/Graffino/Ninja/tree/master/docs/javascript-components.md

Regression Testing

Ninja includes regression testing utilities that help you find out if you broke already developed components: https://github.com/Graffino/Ninja/tree/master/docs/regression-testing.md

WordPress Theme Development

Info about Ninja's WordPress theme development toolset: https://github.com/Graffino/Ninja/tree/master/docs/wordpress-theme-development.md

Docker environment

Ninja comes with an optional Docker environment: https://github.com/Graffino/Ninja/tree/master/docs/docker-environment.md

Other tools

We bundled some other cool scripts and tools into Ninja: https://github.com/Graffino/Ninja/tree/master/docs/other-tools.md

You can’t perform that action at this time.