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:
| # | |
| # 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 |
| // ======================================================================= | |
| // Fluid Grid Generator Mixin | |
| // +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | |
| // | |
| // Based on fluid grid from http://twitter.github.com/bootstrap/ | |
| // ======================================================================= | |
| // | |
| // | |
| // Parameters | |
| // ======================================================================= |
| #!/bin/bash | |
| if [ "$1" == "" ]; then | |
| echo "Usage: $0 1.8.0" | |
| echo "to download and install MakeMKV 1.8.0" | |
| exit 1 | |
| fi | |
| # Collect sudo credentials | |
| sudo -v |
| auth_basic "Restricted"; | |
| auth_basic_user_file /etc/nginx/htpasswd; |
| <div class="addthis_toolbox" addthis:url="{{ shop.url }}{{ product.url }}" addthis:title="{{ page_title }} | {{ shop.name }}" addthis:description="{{ page_description }}"> | |
| <div class="tricky-sharing"> | |
| <a class="addthis_button_facebook"><i class="ss-facebook"></i></a> | |
| <a class="addthis_button_twitter"><i class="ss-twitter"></i></a> | |
| <a class="addthis_button_pinterest ss-icon ss-pinterest" pi:pinit:media="{{ product.images[0] | product_img_url: '1024x1024' }}"></a> | |
| <!-- you can also try addthis_button_pinterest_share if above doesn't work! --> | |
| </div> | |
| </div> |
| #!/usr/bin/env python | |
| """ | |
| This script helps migrating issues from Bitbucket to GitHub. | |
| It currently ignores milestones completly and doesn't care whether an issue is | |
| open, new or on hold. As long as it's not closed it's considered open. | |
| To use it, install python-bitbucket, PyGithub and ipdb. |
| // -------------------------------------------------- | |
| // Flexbox LESS mixins | |
| // The spec: http://www.w3.org/TR/css3-flexbox | |
| // -------------------------------------------------- | |
| // Flexbox display | |
| // flex or inline-flex | |
| .flex-display(@display: flex) { | |
| display: ~"-webkit-@{display}"; | |
| display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox |
| 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. |
| .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } | |
| .video img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; } | |
| .video:after { content: ""; position: absolute; display: block; | |
| background: url(play-button.png) no-repeat 0 0; | |
| top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } | |
| .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } | |
| /* image poster clicked, player class added using js */ | |
| .video.player img { display: none; } | |
| .video.player:after { display: none; } |