All Projects β†’ fourkitchens β†’ Emulsify

fourkitchens / Emulsify

Licence: gpl-2.0
DEPRECATED (see README for new version)

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Emulsify

Awesome Drupal
Useful resources for Drupal CMS πŸ’§
Stars: ✭ 69 (-58.18%)
Mutual labels:  drupal
Drupal Vm
A VM for Drupal development
Stars: ✭ 1,348 (+716.97%)
Mutual labels:  drupal
Foundation7
Drupal 7 theme built using ZURB Foundation Sites
Stars: ✭ 132 (-20%)
Mutual labels:  drupal
Og
https://www.drupal.org/project/og
Stars: ✭ 86 (-47.88%)
Mutual labels:  drupal
Beetbox
Pre-provisioned L*MP stack
Stars: ✭ 94 (-43.03%)
Mutual labels:  drupal
Drupal Project
πŸš€ Composer template for Drupal projects. Quick installation via "composer create-project drupal-composer/drupal-project"
Stars: ✭ 1,502 (+810.3%)
Mutual labels:  drupal
Fail2ban.webexploits
This custom Fail2Ban filter and jail will deal with all scans for common Wordpress, Joomla and other Web Exploits being scanned for by automated bots and those seeking to find exploitable web sites.
Stars: ✭ 67 (-59.39%)
Mutual labels:  drupal
Nginxconfig.io
βš™οΈ NGINX config generator on steroids πŸ’‰
Stars: ✭ 14,983 (+8980.61%)
Mutual labels:  drupal
Phpstan Drupal
Extension for PHPStan to allow analysis of Drupal code.
Stars: ✭ 97 (-41.21%)
Mutual labels:  drupal
Open social
Open Social install profile Drupal 8
Stars: ✭ 128 (-22.42%)
Mutual labels:  drupal
Cmseek
CMS Detection and Exploitation suite - Scan WordPress, Joomla, Drupal and over 180 other CMSs
Stars: ✭ 1,296 (+685.45%)
Mutual labels:  drupal
Raspberry Pi Dramble
Raspberry Pi Kubernetes cluster that runs HA/HP Drupal 8
Stars: ✭ 1,317 (+698.18%)
Mutual labels:  drupal
Drupal8ci
One-line installers for implementing Continuous Integration in Drupal 8
Stars: ✭ 113 (-31.52%)
Mutual labels:  drupal
Drupalorg Cli
A command line tool for interfacing with Drupal.org
Stars: ✭ 86 (-47.88%)
Mutual labels:  drupal
Lightning Project
A Composer-based installer for the Lightning distribution of Drupal 8.
Stars: ✭ 137 (-16.97%)
Mutual labels:  drupal
M0b Tool
exploit
Stars: ✭ 68 (-58.79%)
Mutual labels:  drupal
Thunder Distribution
A Drupal 8 based platform for professional publishers
Stars: ✭ 107 (-35.15%)
Mutual labels:  drupal
Devshop
Open Source DevOps Framework
Stars: ✭ 161 (-2.42%)
Mutual labels:  drupal
Composer Drupal Optimizations
Saves memory and CPU cycles when you run `composer update`
Stars: ✭ 144 (-12.73%)
Mutual labels:  drupal
Grunt Drupal Tasks
Grunt-based build and testing tasks for Drupal
Stars: ✭ 125 (-24.24%)
Mutual labels:  drupal

Four Kitchens

⚠️ You are viewing the legacy version of Emulsify ⚠️

You can find the current version of Emulsify Design System at github.com/emulsify-ds

If you'd like to upgrade your Emulsify project to the new version, check out this documentation.


Emulsify (legacy version)

Pattern Lab + Drupal 8

Component-driven prototyping tool using Pattern Lab v2 automated via Gulp/NPM. Also serves as a starterkit Drupal 8 theme.

Requirements

  1. PHP 7.1
  2. Node (we recommend NVM)
  3. Gulp
  4. Composer
  5. Optional: Yarn

Prototyping (separate from Drupal, Wordpress, etc.)

Emulsify supports both NPM and YARN.

Install with NPM: composer create-project fourkitchens/emulsify:^3.0 --stability dev --no-interaction emulsify && cd emulsify && npm install

Install with Yarn: composer create-project fourkitchens/emulsify:^3.0 --stability dev --no-interaction emulsify && cd emulsify && yarn install

Drupal installation

In a Composer-based Drupal install (recommended)

  1. Require emulsify in your project composer require fourkitchens/emulsify
  2. Move into the original emulsify theme cd web/themes/contrib/emulsify/
  3. Create your new theme by cloning emulsify php emulsify.php "THEME NAME" (Run php emulsify.php -h for other available options)
  4. Move into your theme directory cd web/themes/custom/THEME_NAME/
  5. Install the theme dependencies npm install or yarn install
  6. Enable your theme and its dependencies drush then THEME_NAME -y && drush en components unified_twig_ext -y
  7. Proceed to the "Starting Pattern Lab…" section below

If you're not using a Composer-based Drupal install (e.g. tarball download from drupal.org) installation instructions can be found on the Wiki.

Troubleshooting Installation: See Drupal Installation FAQ.

Note: Once you've created your custom theme, you can remove Emulsify as a dependency of your project. If you'd like to get updates as we push them, solely for educational/best-practice information, feel free to leave it in and receive the updates. Updating Emulsify will not affect your custom theme in any way.

Starting Pattern Lab and watch task

The start command spins up a local server, compiles everything (runs all required gulp tasks), and watches for changes.

  1. npm start or yarn start

Highlighted Features

Lightweight βœ” Emulsify is focused on being as lightweight as possible.
SVG sprite support βœ” Automated support for creating SVG sprites.
Stock Drupal templates βœ” Templates from Stable theme - see /templates directory
Stock Components βœ” with Drupal support built-in (https://github.com/fourkitchens/emulsify#emulsifys-built-in-components-with-drupal-support)
Performance Testing βœ” Support for testing via Google PageSpeed Insights and WebPageTest.org (https://github.com/fourkitchens/emulsify/wiki/Gulp-Config#performance-testing)
Automated Github Deployment βœ” Deploy your Pattern Lab instance as a Github page (https://github.com/fourkitchens/emulsify/wiki/Gulp-Config#deployment)
Automated Accessibility Testing βœ” Accessibility Testing using pa11y (https://github.com/fourkitchens/emulsify/wiki/Accessibility-Testing)

Emulsify's Built in Components with Drupal support

Forms, tables, video, accordion, cards, breadcrumbs, tabs, pager, status messages, grid

View a demo of these default Emulsify components.

Documentation

Documentation is currently provided in the Wiki. Here are a few basic links:

General Orientation

See Orientation

We have a series of videos for you to learn more about Emulsify.

For Designers (Prototyping)

See Designers

For Drupal 8 Developers

See Drupal Usage

Gulp Configuration

See Gulp Config

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].