npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

generator-kittn

v5.12.8

Published

Kittn Scaffolding and Frontend Toolchain

Downloads

27

Readme

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

  • Sascha Fuchs @gisugosu
  • Lars Eichler @cinkon
  • Martin Herweg @martinherweg

Licence

MIT