Thomas Steur tsteur

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:

Adaptive Streaming has become the neccessity for streaming video and audio. Unfortantely, as of this post, there isn't a whole lot of tutorials that accumulate all of the steps to get this working. Hopefully this post achieves that. This post focuses on using Amazon Web Services (AWS) to transcode for HLS and DASH and be the Content Delivery Network (CDN) that delivers the stream to your web page. We'll be using Video.js for the HTML5 player as well as javascript support libaries to make Video.js work with HLS and DASH.

So Here's what you need:

Set up three S3 buckets

This article is the logical conclusion of my previous article - How I stopped loving Angular. Recommended to check before reading this one.

We have been using Vue instead of Angular for nearly a year now. In this article, I will highlight my impressions on Vue and differences compared to Angular.

Moreover, I will add some hands on experience notes from usage of Vue on real projects.

	/*! Cross-browser-compatible setZeroTimeout
	*
	* I took the original setZeroTimeout and made it cross-browser-compatible, using setTimeout(fn, 0) as a fallback in case postMessage is not supported.
	* Mathias Bynens <http://mathiasbynens.be/>
	* See <http://mathiasbynens.be/notes/settimeout-onload>
	*
	* Copyright statement below:
	*
	* See <http://dbaron.org/log/20100309-faster-timeouts>
	* By L. David Baron <[email protected]>, 2010-03-07, 2010-03-09

	class teamcity {

	@package{ [ "java-1.6.0-openjdk", "wget", "tar", "gzip" ]:
	ensure => installed,
	}

	$src="http://download.jetbrains.com/teamcity/TeamCity-7.0.tar.gz"

	$username="teamcity"
	$installdir="/opt"

	<?php

	foreach (getAllTssFilenames() as $tssfile){
	echo "\nSearching for unused styles in $tssfile:\n";
	outputUnusedStyles($tssfile);
	}

	function getAllTssFilenames()
	{
	return glob('app/styles/*.tss');


	/ Create your Widget /

	var myWidget = Alloy.createWidget("myWidget");

	/*
	Now the widget has an icon and title based on the default values as we defined them
	in the widget.js file (lines 26/27)
	*/

	/*
	* Copyright (C) 2015 Pavel Savshenko
	* Copyright (C) 2011 Google Inc. All rights reserved.
	* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
	* Copyright (C) 2008 Matt Lilek <[email protected]>
	* Copyright (C) 2009 Joseph Pecoraro
	*
	* Redistribution and use in source and binary forms, with or without
	* modification, are permitted provided that the following conditions
	* are met: