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
| # Install logiops (eg. `paru -S logiops`) | |
| # put it inside /etc/logid.cfg | |
| # restart the logid service (eg. `sudo systemctl restart logid`) | |
| devices: ( | |
| { | |
| name: "Wireless Mouse MX Master 3"; | |
| smartshift: | |
| { | |
| on: true; |
| 1-In the github repo on Settings > Integration & Services, enable | |
| 2-Go to travisCI page and enable the repo | |
| 3-Configure the env variables on TravisCI so that it is not necessary to save credentials on github | |
| -in the project Settings on TravisCI, add the entry for netlify site id: NETLIFY_SITE_ID - <site_id from .netlify file generated on netlify create> | |
| -create a netlify access token for TravisCI | |
| -On Netlify Dashboard, Go to Account Settings > OAuth Applications (https://app.netlify.com/account/applications) > Personal access tokens and press New Access Token | |
| -Name it anything, but to make it easier the suggestion is name TravisCI. | |
| -Generate it and COPY it - you won’t see it again! | |
| -in the project Settings on TravisCI, add the entry for netlify personal access token generated for TravisCI: NETLIFY_ACCESS_TOKEN | |
| 4-Generate a .travis.yml file in the local repo |
| #!/bin/sh | |
| STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep ".jsx\{0,1\}$") | |
| if [[ "$STAGED_FILES" = "" ]]; then | |
| exit 0 | |
| fi | |
| PASS=true |