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: |