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
| // (shift cmd c) | |
| // This plugin copies FramerJS boiler plate code for the currently selected layer. | |
| // Example: | |
| /* | |
| # Import Table Cell from Sketch | |
| tableCell = layers.Table_Cell |
| class Backend | |
| getData: -> | |
| request = $.ajax | |
| type: "GET" | |
| dataType: "JSON" | |
| url: '/foo' | |
| request.pipe (response) -> | |
| DomainObject.fromJSON(response) | |
| # And then in initializer code: |
These instructions will guide you through the process of setting up local, trusted websites on your own computer.
These instructions are intended to be used on macOS Sierra, but they have been known to work in El Capitan, Yosemite, Mavericks, and Mountain Lion.
NOTE: You may substitute the edit command for nano, vim, or whatever the editor of your choice is. Personally, I forward the edit command to Sublime Text:
alias edit="/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl"| #!/usr/bin/env ruby | |
| require 'json' | |
| require 'optparse' | |
| # Wrapper to run commands | |
| def run_cmd(cmd, verbose = false) | |
| puts " [executing] #{cmd}" if verbose | |
| %x[ #{cmd} ] | |
| end |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
I wanted to figure out the fastest way to load non-critical CSS so that the impact on initial page drawing is minimal.
TL;DR: Here's the solution I ended up with: https://github.com/filamentgroup/loadCSS/
For async JavaScript file requests, we have the async attribute to make this easy, but CSS file requests have no similar standard mechanism (at least, none that will still apply the CSS after loading - here are some async CSS loading conditions that do apply when CSS is inapplicable to media: https://gist.github.com/igrigorik/2935269#file-notes-md ).
Seems there are a couple ways to load and apply a CSS file in a non-blocking manner:
Magic words:
psql -U postgresSome interesting flags (to see all, use -h or --help depending on your psql version):
-E: will describe the underlaying queries of the \ commands (cool for learning!)-l: psql will list all databases and then exit (useful if the user you connect with doesn't has a default database, like at AWS RDS)| # sleepy flower girl | |
| (◡ ‿ ◡ ✿) | |
| # y u no | |
| ლ(ಠ益ಠლ) | |
| # smiling breasts | |
| (^人^) | |
| # flipping tables |
| 'use strict'; | |
| var gulp = require('gulp'); | |
| var gutil = require('gulp-util'); | |
| var del = require('del'); | |
| var uglify = require('gulp-uglify'); | |
| var gulpif = require('gulp-if'); | |
| var exec = require('child_process').exec; | |
| var notify = require('gulp-notify'); |