particle - A starting place for using the prototyping tool, Pattern Lab, in tandem with a Drupal theme

  •        11

Download this repo, rename folder to patternlab and place in themes directory if integrating with Drupal 8, and then cd into folder before running below commands. To name it something else, see docs/setup.md. That's it.

https://github.com/phase2/particle

Dependencies:

babel-preset-es2015 : ^6.24.0
bower : ^1.8.0
gulp : github:gulpjs/gulp#6d71a65
p2-theme-core : ^9.4.6
rc : ^1.2.0
stylelint-scss : ^1.4.3

Tags
Implementation
License
Platform

   




Related Projects

wave particle duality

  •    C++

Simulation of diffraction pattern duality experiment. Each particle impacts the phosphor screen at a particular localized point, but when many individual particle impacts occur, the wave-based diffraction pattern emerges.

patternlab - Make a pattern library using atomic design.

  •    Javascript

The version of Pattern Lab available in this repository has been discontinued. It remains available in case someone wants to use it but there is another, newer PHP version of Pattern Lab that will be actively maintained in the future. For more information on why there's a new version check out our blog post. Migrating patterns built for this version to the new version of Pattern Lab should be relatively straightforward. Learn more.

gulp-sass - SASS plugin for gulp

  •    Javascript

Sass plugin for Gulp. Before filing an issue, please make sure you have Updated to the latest Gulp Sass and have gone through our Common Issues and Their Fixes section.


gulp-clean-css - Minify css with clean-css.

  •    Javascript

This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around clean-css. If it looks like you are having CSS related issues, please contact clean-css. Only create a new issue if it looks like you're having a problem with the plugin itself. See the CleanCSS options.

webpack-book - From apprentice to master (CC BY-NC-ND)

  •    Javascript

IMPORTANT! If you want to support the development of this book, you can purchase a copy at Leanpub. A part (~30%) of the proceedings will go directly to the author of webpack to support its development. Webpack, a module bundler, solves a significant problem for web developers. It can be daunting to learn but once you grok it, life gets easier. The purpose of this book is to make it easier to pick up the tool while learning more advanced techniques as well. You can read the book online.

gulp-typescript - A TypeScript compiler for gulp with incremental compilation support.

  •    Javascript

A gulp plugin for handling TypeScript compilation workflow. The plugin exposes TypeScript's compiler options to gulp using TypeScript API. Updating from version 2? See the breaking changes in version 3.

plots2 - PublicLab

  •    Ruby

The content management system for the Public Lab research community, the plots2 web application is a combination of a group research blog of what we call "research notes" and a wiki. Read more about the data model here. It features a Bootstrap-based UI and a variety of community and attribution features that help the Public Lab community collaborate on environmental technology design and documentation, as well as community organizing. Originally a Drupal site, it was rewritten in 2012 in Ruby on Rails and has since extended but not entirely replaced the legacy Drupal data model and database design.

gulp-bump - Bump any version in any file which supports semver with gulp (gulpjs.com)

  •    Javascript

gulp-bump v2 supports Any valid semver in any filetype. ####You can view more examples in the example folder.

styleguide-generators - An overview of automatic living styleguide generators

  •    

Pattern Libraries (or Style Guides) are a helpful tool in developing websites. Read more about Creating Style Guides at this A List Apart article. Maintaining a static Pattern Library (in HTML/CSS) is hard work and errorprone. There are, however, various tools that help us generate a dynamic Pattern Library or 'Living Style Guide'.

gulp-babel - Gulp plugin for Babel

  •    Javascript

Issues with the output should be reported on the Babel issue tracker.See the Babel options, except for sourceMap and filename which is handled for you.

gulp-postcss - Pipe CSS through PostCSS processors with a single parse

  •    Javascript

PostCSS gulp plugin to pipe CSS through several plugins, but parse CSS only once.Install required postcss plugins separately. E.g. for autoprefixer, you need to install autoprefixer package.

gulp-sketch - A SketchTool plugin for gulp

  •    CoffeeScript

A SketchTool plugin for gulp. Are you new to Sketch.app or the user of ver < 3.5 ? See the section below.

gulp-htmlmin - Minify HTML

  •    HTML

gulp plugin to minify HTML. Issues with the HTML parser and output must be reported on the html-minifier issue tracker.