Skip to content

Instantly share code, notes, and snippets.

@pibby
pibby / critcss.snippet.js
Last active Aug 23, 2020 — forked from james-Ballyhoo/critcss.snippet.js
Critical CSS Finder w/media query support for those of us who write mobile-first CSS; will output to console; configurable viewport height on line 12.
View critcss.snippet.js
/* Critical CSS Finder w/media query support and output to console
by Katie Harron - https://github.com/pibby - https://pibby.com
forked from james-Ballyhoo (https://gist.github.com/james-Ballyhoo/04761ed2a5778c505527) who forked from PaulKinlan (https://gist.github.com/PaulKinlan/6284142)
I don't know why this isn't keeping my 2 space indents :(
*/
(function() {
function findCriticalCSS(w, d) {
// Pseudo classes formatting
var formatPseudo = /([^\s,\:\(])\:\:?(?!not)[a-zA-Z\-]{1,}(?:\(.*?\))?/g;
@pibby
pibby / gulpfile.js
Created Jul 5, 2015
Livereload via Gulp and Jekyll build
View gulpfile.js
var gulp = require('gulp');
var cp = require('child_process');
var shell = require('gulp-shell');
var express = require('express');
var livereload = require('gulp-livereload');
gulp.task('default', ['watch']);
// Run static file server
gulp.task('serve', function () {
View gist:1488f040392e3aeeaaf0
#add 'node_modules' to .gitignore file
git rm -r --cached node_modules
git commit -m 'Remove the now ignored directory node_modules'
git push origin master
View Install_tmux
# First install tmux
brew install tmux
# For mouse support (for switching panes and windows)
# Only needed if you are using Terminal.app (iTerm has mouse support)
Install http://www.culater.net/software/SIMBL/SIMBL.php
Then install https://bitheap.org/mouseterm/
# More on mouse support http://floriancrouzat.net/2010/07/run-tmux-with-mouse-support-in-mac-os-x-terminal-app/
View gitdeploy.md

My Git Deploy Workflow

I use this for static and simple [Sinatra][1] based sites -- great for prototyping simple apps. Credit goes to http://toroid.org/ams/git-website-howto for the original idea.

If you don't know what this is, here's an example of how I deploy my website/app to a server:

# create/update/delete files in my site
git add .
git commit -m "description of the changes I made"
git push
View README
# Deploying a Sinatra app to Heroku
## Database
The location of the database Heroku provides can be found in the environment
variable DATABASE_URL. Check the configure-block of toodeloo.rb for an example
on how to use this.
## Server
Heroku is serving your apps with thin, with means you have all your thin goodness available,
such as EventMachine.
View tmux.md

tmux cheat sheet

(C-x means ctrl+x, M-x means alt+x)

Prefix key

The default prefix is C-b. If you (or your muscle memory) prefer C-a, you need to add this to ~/.tmux.conf:

# remap prefix to Control + a
View 0001-ufw-Initial-firewall-config-on-OpenVZ-VPS.patch
From eccc80a754273641c2e0532be98987c8e89e960e Mon Sep 17 00:00:00 2001
From: root <root@nexus.frozenliquid.net>
Date: Fri, 28 Jun 2013 20:38:12 +0400
Subject: [PATCH] ufw: Initial firewall config on OpenVZ VPS
* OpenVZ vps doesn't have all the kernel features needed by
Ubuntu 12.04 LTS, disable unsupported features so firewall
starts cleanly.
---
default/ufw | 4 ++--
@pibby
pibby / screencap-responsive-local-google-chrome
Last active Aug 29, 2015
Using watir-webdriver, take screenshots in Google Chrome of a responsive website running on a local python simple server at different breakpoints
View screencap-responsive-local-google-chrome
#!/usr/bin/ruby
# Katie Harron - @pibby
require 'watir-webdriver'
mq = [320,480,640,768,1024,1280,1440]
b = Watir::Browser.new :chrome
b.goto 'http://localhost:8000'
@pibby
pibby / screencap-responsive-local-firefox
Last active Aug 29, 2015
Using selenium, take screenshots in Firefox of a responsive website running on a local python simple server at different breakpoints
View screencap-responsive-local-firefox
#!/usr/bin/ruby
# Katie Harron - @pibby
require 'watir-webdriver'
mq = [320,480,640,768,1024,1280,1440]
b = Watir::Browser.new :firefox
b.goto 'http://localhost:8000'