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
// Place your settings in this file to overwrite the default settings | |
{ | |
"editor.fontFamily": "Hack", | |
"editor.fontSize": 13, | |
"workbench.activityBar.visible": false, | |
"files.exclude": { | |
"**/.git": true, | |
"**/.svn": true, | |
"**/.hg": true, | |
"**/.DS_Store": true, |
#!/bin/bash | |
for file in $(git diff --cached --name-only | grep -E '\.(js|jsx)$') | |
do | |
git show ":$file" | node_modules/.bin/eslint --stdin --stdin-filename "$file" # we only want to lint the staged changes, not any un-staged changes | |
if [ $? -ne 0 ]; then | |
echo "ESLint failed on staged file '$file'. Please check your code and try again. You can run ESLint manually via npm run eslint." | |
exit 1 # exit with failure status | |
fi | |
done |
server { | |
server_name example.com www.example.com; | |
root /var/www/pub; | |
} | |
server { | |
server_name ~^(.*)\.example\.com$ ; | |
root /var/www/pub/$1; | |
} |
variables: | |
COMMON_DIRECTOTY: /var/www/frontend | |
STATIC_DIRECTORY: $COMMON_DIRECTOTY/static | |
before_script: | |
- npm set progress=false | |
- npm install --silent | |
stages: | |
- build |
[alias] | |
st = status --short --branch | |
last = log --numstat -1 | |
aa = add --all | |
bv = branch -vv | |
ba = branch -ra | |
filelog = log -u | |
fl = log -u | |
grep = grep -Ii | |
gr = grep -Ii |
var runSequence = require('run-sequence'); | |
gulp.task('some-task', function() { | |
runSequence( | |
['task-1', 'task-2', 'task-3'], // These 3 can be done in parallel | |
'task-4', // ...then just do this | |
['task-5', 'task-5'], // ...then do these things in parallel | |
'task-6', // ...then do this | |
// .... | |
); |
{ | |
"presets": ["react", "es2015", "stage-0"], | |
"plugins": ["transform-decorators-legacy"], | |
"env": { | |
"development": { | |
"presets": ["react-hmre"] | |
} | |
} | |
} |
import React, { PropTypes, Component, cloneElement, Children } from 'react'; | |
import classNames from 'classnames'; | |
import styles from './Fullscreen.scss'; | |
export default class Fullscreen extends Component { | |
static propTypes = { | |
children: PropTypes.node, | |
scroll: PropTypes.boolean | |
}; |