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
#!/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() { |
/* | |
given an array of numbers, | |
return a new array in which each number is doubled | |
*/ | |
function map(array, instruction) { | |
let newArr = [] | |
for (let item of array) { | |
newArr.push(instruction(item)) | |
} |
my notes ripped shamelessly from https://webpack.academy
yarn add webpack --dev
. this adds to devDependencies{"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",
let outputs = [] | |
function printSequence(strings) { | |
const optionsRange = [] | |
const alphabets = strings.toUpperCase().split('') | |
const functionQueues = [] | |
let count = 1 | |
if (alphabets.length < 9) { | |
for (let index = 0; index <= alphabets.length; index++) { |
function toPigLatin(strings) { | |
const words = strings.split(' ') | |
const startAt = '' | |
function swapAndTranslate(accumulator, currentAlphabet) { | |
const translator = ['a', 'y'] | |
let swapCharacter = [...currentAlphabet.toLowerCase()] | |
const firstAlphabet = swapCharacter[0] | |
swapCharacter[swapCharacter.length] = firstAlphabet |
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 |