hafidbuilds

#!/usr/bin/env sh

# If DEBUG environment variable is not defined set as false
if [[ "x${DEBUG}" == "x" ]]
then
  DEBUG=false
fi

# Logger function. Display a message if DEBUG is true
logMessage() {

hafidbuilds

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

hafidbuilds

my notes ripped shamelessly from https://webpack.academy

1. add webpack yarn add webpack --dev. this adds to devDependencies
2. add {"build": "webpack"} under scripts to package.json. optionally:

• "watch": "webpack --watch",
• "start:dev": "webpack -w & nodemon server/app.js",
• "build-watch": "npm run build -- -w",
• "start-watch": "nodemon server/start.js --watch server --watch db --watch index.js --watch package.json",
• "start-dev": "cross-env NODE_ENV=development npm run start-watch",

hafidbuilds

	prettier-eslint	eslint-plugin-prettier	eslint-config-prettier
What it is	A JavaScript module exporting a single function.	An ESLint plugin.	An ESLint configuration.
What it does	Runs the code (string) through prettier then eslint --fix. The output is also a string.	Plugins usually contain implementations for additional rules that ESLint will check for. This plugin uses Prettier under the hood and will raise ESLint errors when your code differs from Prettier's expected output.	This config turns off formatting-related rules that might conflict with Prettier, allowing you to use Prettier with other ESLint configs like eslint-config-airbnb.
How to use it	Either calling the function in your code or via [prettier-eslint-cli](https://github.co

hafidbuilds

Branching

Quick Legend

Description, Instructions, Notes

Instance	Branch

hafidbuilds

RFC Template

Feature Name: (fill me in with a unique identity, myawesomefeature)

Type: (feature, enhancement)

Start Date: (fill me in with today's date, YYYY-MM-DD)

Author: (your names)