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
Daigo Fujiwara daigofuji
daigofuji
/ Japanese_Prefectures.geojson
Last active
November 7, 2021 09:21
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
addyosmani
/ README.md
Last active
April 2, 2024 20:18
— forked from 140bytes/LICENSE.txt
108 byte CSS Layout Debugger
MattSurabian
/ .bash_git
Created
April 8, 2014 15:32
This can be appended to .bash_profile it will allow the prompt to display the current branch and branch-status
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if tput setaf 1 &> /dev/null; then | |
| tput sgr0 | |
| if [[ $(tput colors) -ge 256 ]] 2>/dev/null; then | |
| MAGENTA=$(tput setaf 9) | |
| ORANGE=$(tput setaf 172) | |
| GREEN=$(tput setaf 190) | |
| PURPLE=$(tput setaf 141) | |
| WHITE=$(tput setaf 256) | |
| else | |
| MAGENTA=$(tput setaf 5) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Anonymous empty module. | |
| define(); | |
| // Anonymous values. | |
| define({}); | |
| define(true); | |
| define(1234); | |
| define(null); | |
| define(undefined); |
hatefulcrawdad
/ ie8-grid-foundation-4.css
Last active
September 9, 2021 18:47
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* The Grid ---------------------- */ | |
| .lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } | |
| .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | |
| .lt-ie9 .row.large-collapse .column, | |
| .lt-ie9 .row.large-collapse .columns { padding: 0; } | |
| .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | |
| .lt-ie9 .row .row.large-collapse { margin: 0; } | |
| .lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } | |
| .lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } |