Daniel danielfilho

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:

Screencapture and animated gifs

I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)

Launch quicktime player
do Screen recording

Desenvolvedor Front-end para Startup Agressora

Agrid

Belo Horizonte || Remoto

regime: PJ
conhecimento necessário:
- html (5)
- css (4)
javascript (3)

desenvolvedor front-end jr

Trendi

(região da berrini, são paulo - sp)

regime: CLT
escolaridade: segundo grau completo
conhecimento necessário:
- html (5)
css (5)

#BrazilJS 2014

Talks: slides & Links

Day	Talk	Speaker	Links
1	Why ServiceWorker may be the next big thing	Renato Mangini	interview · slides · video
1	Frontend at Scale - The Tumblr Story	Chris Miller	interview · slides · video
1	Intro to GFX: Raw WebGL	Nick Desaulniers	interview · slides · video

	#!/bin/bash

	# AnyBar - https://github.com/tonsky/AnyBar
	function anybar { echo -n $1 \| nc -4u -w0 localhost ${2:-1738}; }

	function drip {
	while sleep 5; do
	wget -q --tries=10 --timeout=20 --spider http://google.com
	if [[ $? -eq 0 ]]; then
	anybar green

	=Navigating=
	visit('/projects')
	visit(post_comments_path(post))

	=Clicking links and buttons=
	click_link('id-of-link')
	click_link('Link Text')
	click_button('Save')
	click('Link Text') # Click either a link or a button
	click('Button Value')

	# Monitor HTTP requests being made from your machine with a one-liner..
	# Replace "en1" below with your network interface's name (usually en0 or en1)
	sudo tcpdump -i en1 -n -s 0 -w - \| grep -a -o -E "Host\: .\|GET \/."

	# OR.. to be able to use as "httpdump" from anywhere, drop this into ~/.bash_profile:
	# (again replace "en1" with correct network interface name)
	alias httpdump="sudo tcpdump -i en1 -n -s 0 -w - \| grep -a -o -E "Host\: .\|GET \/.""

	# All the above tested only on OS X.

	if [ -z $1 ]
	then
	if [ "$OS" == "Darwin" ]
	then
	echo "Updating…"
	brew update
	echo "Upgrading…"
	brew upgrade
	else
	sudo apt-get update

	<!DOCTYPE html>
	<html>
	<head>
	<title>video</title>
	<style>
	.wraper { position: relative; }
	.videoHolder, .cover { position: absolute; }
	.videoHolder {
	display: none;
	z-index: 1;