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
| // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
| // MIT license | |
| (function() { | |
| var lastTime = 0; | |
| var vendors = ['ms', 'moz', 'webkit', 'o']; |
| //// ---- Menu window, positioned on the left | |
| var menuWindow = Ti.UI.createWindow({ | |
| top:0, | |
| left:0, | |
| width:150 | |
| }); | |
| menuWindow.open(); | |
| //// ---- Menu Table | |
| // Menu Titles |
| web: node index.js |
| App.AccountEditRoute = Ember.Route.extend({ | |
| setupController: function(controller) { | |
| controller.set('content', this.get('currentUser')); | |
| } | |
| }); |
| @mixin ellipsis ($max-width){ | |
| display: inline-block; | |
| max-width: $max-width; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } |
| /*! CSS.supports() Polyfill | |
| * https://gist.github.com/codler/03a0995195aa2859465f | |
| * Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */ | |
| if (!('CSS' in window)) { | |
| window.CSS = {}; | |
| } | |
| if (!('supports' in window.CSS)) { | |
| window.CSS._cacheSupports = {}; | |
| window.CSS.supports = function(propertyName, value) { |
| require('font-awesome/css/font-awesome.css'); | |
| document.body.innerHTML = '<i class="fa fa-fw fa-question"></i>'; |
| babel github-es6.js -o github.js --optional runtime --experimental |