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
josephdburdick
/ service-worker.js
Last active
August 29, 2015 14:27
— forked from deanhume/service-worker.js
Register Service Worker
This file contains hidden or 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 ('serviceWorker' in navigator) { | |
| navigator.serviceWorker.register('service-worker.js').then(function(registration) { | |
| // Registration was successful | |
| console.log('ServiceWorker registration successful with scope: ', registration.scope); | |
| registration.pushManager.subscribe().then(function(subscription){ | |
| isPushEnabled = true; | |
| console.log("subscription.subscriptionId: ", subscription.subscriptionId); | |
| console.log("subscription.endpoint: ", subscription.endpoint); | |
| // TODO: Send the subscription subscription.endpoint |
josephdburdick
/ gist:d6e1806540b629c72d71
Last active
August 29, 2015 14:15
— forked from brigand/gist:22edd5812be0c1158a00
This file contains hidden or 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
| // non-modular | |
| jQuery.fn.limit = function(count){ | |
| return $(this).filter(function(index){ return index < count; }); | |
| }; | |
| // non-modular usage | |
| $('sel').limit(3); | |
| // modular | |
| var $ = require('jquery'); |
josephdburdick
/ README.md
Last active
August 29, 2015 14:07
— forked from addyosmani/README.md
josephdburdick
/ gist:9612371
Last active
August 29, 2015 13:57
— forked from anonymous/gist:9225691
This file contains hidden or 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
| .row | |
| overflow: hidden | |
| margin-top: 1.5em | |
| &:first-child | |
| margin-top: 0 |
josephdburdick
/ gist:9612363
Created
March 18, 2014 02:12
— forked from anonymous/gist:9225683
This file contains hidden or 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
| .column | |
| float: left | |
| margin-left: 5% | |
| &:first-child | |
| margin-left: 0 | |
| &.full | |
| width: 100% |
josephdburdick
/ gist:9612352
Created
March 18, 2014 02:11
— forked from anonymous/gist:9225669
This file contains hidden or 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
| .column | |
| float: left | |
| margin-left: 5% | |
| &:first-child | |
| margin-left: 0 | |
josephdburdick
/ gist:9612347
Created
March 18, 2014 02:10
— forked from anonymous/gist:9225660
This file contains hidden or 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
| .container | |
| margin: 0 auto | |
| max-width: 960px | |
| width: 90% | |
josephdburdick
/ gist:9612321
Created
March 18, 2014 02:08
— forked from anonymous/gist:9225647
This file contains hidden or 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
| *, *:before, *:after | |
| -moz-box-sizing: border-box | |
| -webkit-box-sizing: border-box | |
| box-sizing: border-box | |
josephdburdick
/ gist:9591991
Created
March 17, 2014 00:36
— forked from anonymous/gist:9225701
This file contains hidden or 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
| @media xs | |
| .column.full, | |
| .column.two-thirds, | |
| .column.half, | |
| .column.one-third, | |
| .column.one-fourth | |
| float: none; | |
| margin: 0; | |
| width: 100%; | |
josephdburdick
/ bottlesofbeer.rb
Created
November 4, 2013 19:48
This file contains hidden or 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
| class BottlesOfBeer | |
| def count_off | |
| puts "How many bottles of beer have you got?" | |
| numbers = gets.chomp.to_i | |
| word_bottles = "bottles" | |
| numbers.downto(1) do |number| | |
| puts "\n#{number} #{word_bottles} of beer on the wall" | |
| puts "#{number} #{word_bottles} of beer!" | |
| puts "You take one down and pass it around," |