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
| # Please note: this is an oversimplification of the real problem :) | |
| # Say you have this class definition: | |
| class One | |
| attr_accessor :children | |
| def initialize data | |
| puts "Initialize One" | |
| @children = data.map do |item| |
A list of Sketch plugins hosted at GitHub, in no particular order.
| /*http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/*/ | |
| /*At least requires the meta viewport tag with content 'width=device-width'*/ | |
| @media only screen and (max-width: 1080px) and (orientation : portrait) { | |
| /* PORTRAIT: | |
| Windows Surface Pro*/ | |
| } | |
| @media only screen and (max-width: 800px) and (orientation : portrait) { | |
| /* PORTRAIT: | |
| Acer Iconia Tab A100 |
| #!/bin/sh | |
| # | |
| # Setup a work space called `work` with two windows | |
| # first window has 3 panes. | |
| # The first pane set at 65%, split horizontally, set to api root and running vim | |
| # pane 2 is split at 25% and running redis-server | |
| # pane 3 is set to api root and bash prompt. | |
| # note: `api` aliased to `cd ~/path/to/work` | |
| # | |
| session="work" |
| require 'zeus/rails' | |
| class CustomPlan < Zeus::Rails | |
| def assets_environment | |
| Bundler.require(:assets) | |
| ENV['RAILS_GROUPS'] = "assets" | |
| end | |
| def assets_run |
| # set default cache store as redis | |
| config.cache_store = :redis_store |
| Follow the instructions here: The Hitchhiker's Guide to Riding a | |
| Mountain Lion http://j.mp/Qm5UJD, including installing XQuartz. | |
| After installing XQuartz set the correct path to the X11 library to | |
| install Ruby 1.8.7-p358 with rbenv: | |
| export CPPFLAGS=-I/opt/X11/include | |
| then let the compiler know where gcc-4.2 is: |