hughker

#
# A virtual host using mix of IP-, name-, and port-based configuration.
# This is based on using Homebrew for OS X. You can use this in other
# cases though, but you'll likely need to adjust some of the paths below.
#

server {
  # Replace this port with the right one for your requirements
  # listen 80 [default|default_server];  #could also be 1.2.3.4:80

hughker

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

hughker

<form action="/cart/add" method="post">
  {% if product.variants.size > 1 %}
		{% if product.options[0] %}
			{% assign used = '' %}
			<label for="select-one">{{ product.options[0] }}</label>
			<select id='select-one' onchange="letsDoThis()">
				{% for variant in product.variants %}
					{% unless used contains variant.option1 %}
						<option value="{{ variant.option1 }}">{{ variant.option1 }}</option>
						{% capture used %}{{ used }} {{ variant.option1 }}{% endcapture %}

hughker

{% comment %}
  Adds the following events: 
  * ViewContent on all pages
  * Dynamic AddToCart on Product pages
  * Dynamic InitiateCheckout from Cart page into Checkout
  * Purchase on Checkout complete 
{% endcomment %}
<!-- Shopify Theme Facebook Pixel Code -->
<script type="text/javascript">
  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?

hughker

// ----
// libsass (v3.3.2)
// ----

// =========================================================================
//
//  QUANTITY QUERIES FOR SASS
//  -------------------------
//  Indrek Paas @indrekpaas
//

hughker

// ----
// libsass (v3.3.2)
// ----

// =========================================================================
//
//  PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY FOR SASS
//  ---------------------------------------------------
//  Indrek Paas @indrekpaas
//

hughker

(function ( $ ) {

	/**
	 * A jQuery plugin that will position an element relative to another element, regardles of whether or not they share the
	 * same parent in the DOM.
	 *
	 * Note: This must be called within a $(document).ready() call to work properly.  If loading images in the element
	 * that aren't specifically sized via CSS, it may be necessary to call this within a $(window).load() call
	 * depending on the positioning used.
	 *

hughker

auth_basic              "Restricted";
auth_basic_user_file    /etc/nginx/htpasswd;

hughker

upstream plex-upstream {
	# change plex-server.example.com:32400 to the hostname:port of your plex server.
	# this can be "localhost:32400", for instance, if Plex is running on the same server as nginx.
	server plex-server.example.com:32400;
}

server {
	listen 80;

	# server names for this server.

hughker

require-from-twitter

Since Twitter doesn't have an edit button, it's a suitable host for JavaScript modules.

How to use

Source tweet: https://twitter.com/rauchg/status/712799807073419264

const leftPad = await requireFromTwitter('712799807073419264');