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:
rialabs.directive('riaSsslider', function(){ | |
return { | |
restrict: 'A', | |
link: function link ($scope, $element, $attrs){ | |
var el = jQuery($element), | |
ng = $scope; | |
el.children().each(function(index, item){ | |
ng.panes_length.push($(item).data('label') || ""); |
var gulp = require('gulp'); | |
var browserSync = require('browser-sync').create(); | |
var uglify = require('gulp-uglify'); | |
var exec = require('child_process').exec; | |
var srcDir = './src/**/*.js'; | |
var jsIn = './src/main.js'; | |
var jsOut = './build/main.js'; | |
gulp.task('default', ['browser-sync', 'duo', 'watch']); |
var gulp = require('gulp'); | |
var browserSync = require('browser-sync').create(); | |
var sass = require('gulp-sass'); | |
var exec = require('child_process').exec; | |
gulp.task('browser-sync', function() { | |
browserSync.init({ | |
proxy: "dashboard.eastman.dev", | |
notify: false |
/** | |
* gulpfile para automatizar a compilação feita com o Duo.js. | |
* Author: Fabio Vedovelli <vedovelli@gmail.com> | |
* http://vedovelli.com.br/ | |
* Inspirado em https://github.com/mozilla/galaxy.js/blob/master/gulpfile.js | |
*/ | |
var gulp = require('gulp'); | |
/** |
function checkAndConvertToUpper($input) | |
{ | |
$columns_to_convert = array('descricao', 'logradouro', 'complemento', 'bairro', 'cidade'); | |
array_walk($input, function(&$item, $key, $cols) | |
{ | |
if(in_array($key, $cols)) | |
{ | |
$item = strtoupper($item); | |
} |
{ | |
ID: 16551 | |
} | |
{ | |
user: { | |
ID: 16551, | |
amount_raised: 977.25 | |
} | |
} |
<!doctype html> | |
<html> | |
<head> | |
<title></title> | |
<meta charset="utf8"> | |
<link rel="stylesheet" href="css/style.css"> | |
</head> | |
<body> |
{ | |
"name": "components", | |
"version": "1.0.0", | |
"description": "Screencast demonstração de componentes com Vue.js e Webpack", | |
"main": "main.js", | |
"scripts": { | |
"dev": "webpack-dev-server --inline --hot", | |
"build": "webpack -p", | |
"test": "echo \"Error: no test specified\" && exit 1" | |
}, |
module.exports = { | |
// entry point of our application | |
entry: './main.js', | |
// where to place the compiled bundle | |
output: { | |
path: __dirname, | |
filename: 'build.js' | |
}, | |
module: { | |
// `loaders` is an array of loaders to use. |