This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.
To capture the video (filesize: 19MB), using the free "QuickTime Player" application:
license: gpl-3.0 |
<script type="text/javascript"> | |
$.ajax({ | |
type:'GET', | |
url: 'https://vimeo.com/api/v2/video/' + video_id + '.json', | |
jsonp: 'callback', | |
dataType: 'jsonp', | |
success: function(data){ | |
var thumbnail_src = data[0].thumbnail_large; | |
$('#thumb_wrapper').append('<img src="' + thumbnail_src + '"/>'); | |
} |
.guest-post .guest-bottom { | |
height: 100px; | |
position: absolute; | |
bottom: 0; | |
width: 100%; | |
background-color: rgba(249, 249, 249, 0.4); | |
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #f9f9f9); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(#f9f9f9)); | |
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #f9f9f9); | |
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #f9f9f9); |
# to generate your dhparam.pem file, run in the terminal | |
openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048 |
# | |
# 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 |
{% include 'svgs' with 'example-1' %}
You'll want to paste the internal SVG code where the ellipsis is in the example code. Also, make sure your SVGs are properly sized before exporting so that you can enter the correct WIDTH
+ HEIGHT
into the viewbox="0 0 WIDTH HEIGHT"
for that SVG.
You'll also be replacing the example-1
with whatever you want to call the icon (make sure to hyphenate it).
{% comment %} | |
Quick logic to check what type of video to embed, | |
then strip Video ID so you can use the correct embed wrapper. | |
{% endcomment %} | |
{% assign brand_video = source_of_video_url %} | |
{% assign videoIsVimeo = false %} | |
{% assign videoIsYouTube = false %} | |
{% if brand_video contains 'vimeo' %} |
<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 %} |
{% 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? |