GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kittn → Generator Kittn

kittn / Generator Kittn

Licence: mit
The Yeoman Kittn Generator

Programming Languages

es6
455 projects

Labels

htmlcsswebpackwordpresssassgulppostcsstwigyeoman-generatorprototypecraft

Projects that are alternatives of or similar to Generator Kittn

Generator Angular Webpack Es6
Yeoman generator for Angular projects using Webpack, ES6, SASS with some cool optional features. Feel free to contribute!
Stars: ✭ 172 (+173.02%)
Mutual labels:  webpack, gulp, yeoman-generator, sass
Bathe
The simplest WordPress starter theme including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, Eslint, imagemin, Browsersync, etc.
Stars: ✭ 65 (+3.17%)
Mutual labels:  webpack, wordpress, sass, postcss
Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (-58.73%)
Mutual labels:  webpack, gulp, wordpress, sass
Kratos Boilerplate
🔥 A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules
Stars: ✭ 308 (+388.89%)
Mutual labels:  webpack, sass, postcss
Kit
ReactQL starter kit (use the CLI)
Stars: ✭ 232 (+268.25%)
Mutual labels:  webpack, sass, postcss
Reset Css
An unmodified* copy of Eric Meyer's CSS reset. PostCSS, webpack, Sass, and Less friendly.
Stars: ✭ 244 (+287.3%)
Mutual labels:  webpack, sass, postcss
Deventy
A minimal 11ty starting point for building static websites with modern tools.
Stars: ✭ 157 (+149.21%)
Mutual labels:  webpack, sass, postcss
Generator Baukasten
Awesome!
Stars: ✭ 50 (-20.63%)
Mutual labels:  wordpress, twig, sass
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (+438.1%)
Mutual labels:  webpack, gulp, sass
Webpack Es6 Sass Setup
A basic setup for Webpack with ES6, Babel, Sass and stylelint
Stars: ✭ 63 (+0%)
Mutual labels:  webpack, sass, postcss
Manhuaren
vue2.0全家桶，仿漫画人官网（移动端）
Stars: ✭ 18 (-71.43%)
Mutual labels:  webpack, gulp, sass
Gulp Pug Starter
Frontend development with pleasure. Pug + SCSS version
Stars: ✭ 228 (+261.9%)
Mutual labels:  webpack, gulp, sass
100 Days Of Code Frontend
Curriculum for learning front-end development during #100DaysOfCode.
Stars: ✭ 2,419 (+3739.68%)
Mutual labels:  webpack, gulp, sass
Frontend Webpack Boilerplate
Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.
Stars: ✭ 242 (+284.13%)
Mutual labels:  webpack, sass, postcss
Wordpress Gulp Starter Kit
[NOT MAINTAINED] A starter kit for developing WordPress themes with Gulp.
Stars: ✭ 674 (+969.84%)
Mutual labels:  gulp, wordpress, sass
Puppy
Starter kit and delivery system for building static prototypes with Twig
Stars: ✭ 25 (-60.32%)
Mutual labels:  webpack, gulp, twig
Gulp Tutorial
Code examples for my Gulp.js tutorial series
Stars: ✭ 383 (+507.94%)
Mutual labels:  gulp, sass, postcss
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+2809.52%)
Mutual labels:  webpack, sass, postcss
Webpack Encore
A simple but powerful API for processing & compiling assets built around Webpack
Stars: ✭ 1,975 (+3034.92%)
Mutual labels:  webpack, sass, postcss
Naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Stars: ✭ 544 (+763.49%)
Mutual labels:  webpack, sass, postcss
View All Similar Projects ➔

Generator-Kittn

Build Status bitHound Overall Score bitHound Dependencies

kittn-generator

Yeoman Generator for the Kittn Toolkit. Scaffolds and Prepare the Toolkit for you.

Documentation.

IMPORTANT: You need Node >= 7.6 for this generator.

Install

$ npm install -g generator-kittn

Optional

You can use now Yarn with Kittn, instead off NPM. https://yarnpkg.com/

Usage

Jump in your Working Directory and type:

yo kittn

The Generator will ask you some questions, at the end it will prepare the Project.

Commands

With Webpack you have to use NPM Script Commands

npm run init
Intialize your Project and the Sass Documentation (/sassdocs/)

npm run dev
Main development task with BrowserSync and Webpack

npm run build
Minify JS, Images, CSS. Is for a automated Build Process, comes after a Gulp Init.

npm run scripts
Rebuild all JS Files except the Application JS File

npm run uiimages
Rebuild all Image Files for CSS, copy it to distribution, build Bitmap- and Vector Sprites.

npm run htmlassets
Copy all Imagefiles for Documentusage.

npm run template
Copy all or Generate the Template Files.

npm run favicon
Generate Favicons and the HTML Snippet (generated Files you will find in src/.system/)

New in 4.1.0

Autoprefixer and Babel now use the browserslist-variable from the package.json.

New in 5.1.0

If you want to create modules or components, you can use the new file generator. This creates the necessary Sass, JS and Structure Files and assigns them to the respective directories. The Sassfile you then only to the Application.scss connect. In the root folder of your project, you call up the file generator:

yo kittn:module

Contentbuilder

To make it easier to work with Craft or Wordpress, we have built contentbuilders. You will get the necessary plugins, CSS, JS and the modules to build the site after the installation.

Further steps in the documentation.

Dependencies

  • Node >= 8
  • Gulp 3.9.1
  • Yeoman 2.0.0
  • Git CLI
  • Wget
  • WP CLI
  • mysql CLI

Special Thanks to

  • David Hellmann (@davidhellmann) - for his Fluidtype Mixin
  • Martin Herweg (@martinherweg) - for his Support with the new generator
  • Hugo Giraudel (@HugoGiraudel) - for his awesome Sass Scripts
  • Team Sass - Jacket

Authors

Licence

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].