rupl

/**
 * @file
 *   Gulpfile that controls frontend development tasks. Just the basics!
 * 
 * Installation: type `npm install` in your console.
 * Usage: type `gulp` in your console.
 */

/* jslint node: true */
'use strict';

rupl

/**
 * @file
 *   Simulating user actions with CasperJS. This script explores the ability to
 *   use Casper for navigation just like a user would: clicking the page and
 *   entering text to submit a form. This script accompanies a blog post from
 *   Four Kitchens:
 *
 * @see http://fourword.fourkitchens.com/article/simulate-user-actions-casperjs
 */

rupl

// Define a breakpoint. outputs a media query:
//
// @include breakpoint($wide) {
//   stuff
// }
//
// ... becomes ...
//
// @media (min-width: 502px) {
//   stuff

rupl

.clip--hero {
  margin: 0 auto;

  .thumb {
    width: 100%;
  }

  // Leave room for title/desc on desktop.
  @include eq('desktop') {
    .thumb {

rupl

#!/usr/bin/perl
                                                                           ;;;;;;
                                                                       ;;;;;;;;;;;
                                                                   ;;;;;;;;;;;;;;;
                                                                ;;;;;;;;;;;;;;;;;
                                                             ;;;;;;;;;;;;;;;;;;;
                                                           ;;;;;;;;;;;;;;;;;;;;
                                                         ;;;;;;;;;;;;;;;;;;;;;
                                     +$I=sub{+s+^+     ;;;;;;;      ;;;;;;;;;
                                  $"x$_[1]+gem;$/x$_#   ;;;;        ;;;;;;;;

rupl

Command | URL                                                             | Example             | Comment
--------+-----------------------------------------------------------------+---------------------+-------------------
gh      | https://github.com/%s                                           | gh rupl/unfold      | GitHub repo
npm     | https://www.npmjs.com/package/%s                                | npm gulp-sass       | npm module
wpt     | http://www.webpagetest.org/?url=%s                              | wpt example.com     | WebPageTest.org
psi     | https://developers.google.com/speed/pagespeed/insights/?url=%s  | psi example.com     | PageSpeed Insights
acme    | https://client.atlassian.net/browse/ACME-%s                     | acme 1234           | Clients' tickets

rupl

# Avoid saving full screenshots and failed comparisons, but always save selector-based references.
visual/failed/*
visual/reference/*
!visual/reference/*baseline*

rupl

SELECT node.title, body.body_value
FROM node
  LEFT JOIN node_revision ON node.vid = node_revision.vid
  LEFT JOIN field_revision_body AS body ON node_revision.vid = body.revision_id;
  
  -- WHERE node.type = 'whatever'
  -- etc

rupl

$ curl -i "https://github.com/team-sass/breakpoint"
HTTP/1.1 301 Moved Permanently
Server: GitHub.com
Date: Mon, 20 Jul 2015 11:42:31 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Status: 301 Moved Permanently
Content-Security-Policy: default-src *; script-src assets-cdn.github.com collector-cdn.github.com; object-src assets-cdn.github.com; style-src 'self' 'unsafe-inline' 'unsafe-eval' assets-cdn.github.com; img-src 'self' data: assets-cdn.github.com identicons.github.com www.google-analytics.com collector.githubapp.com *.githubusercontent.com *.gravatar.com *.wp.com; media-src 'none'; frame-src 'self' render.githubusercontent.com gist.github.com www.youtube.com player.vimeo.com checkout.paypal.com; font-src assets-cdn.github.com; connect-src 'self' live.github.com wss://live.github.com uploads.github.com status.github.com api.github.com www.google-analytics.com github-cloud.s3.amazonaws.com
Public-Key-Pins: max-age=300; pin-sha256="WoiWRyIOVNa9ihaBciRSC7XHjliYS9VwUGOIud4PB18="; pin-s

rupl

// Paste this into your console to give it a try!
(function($){
  $(window).resize(function() {
    $('<img src="http://placekitten.com/g/' + (window.innerWidth - 100) + '/' + (window.innerHeight - 100) + '">')
      .css({'position': 'absolute', 'top': '50px'})
      .appendTo('body');
  });
})(jQuery);