Renan Couto renancouto

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "[email protected]"

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

Teste para projetos responsivos

Problema

Testar/verificar a disposição dos elementos de uma determinada página em determinadas resoluções de tela.

Solução

Executar captura de telas de acordo com os viewports definidos em um script, com a ajuda do PhantomJS.

Necessário ter o NodeJS instalado.

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

	/*
	* TypeHelpers version 1.0
	* Zoltan Hawryluk, Nov 24 2009.
	* @see http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/
	*
	* Released under the MIT License. http://www.opensource.org/licenses/mit-license.php
	*
	* Works for
	* - IE6+ (Windows),
	* - Firefox 3.5+ (Windows, Mac, Linux),

	echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
	. ~/.bashrc
	mkdir ~/local
	mkdir ~/node-latest-install
	cd ~/node-latest-install
	curl http://nodejs.org/dist/node-latest.tar.gz \| tar xz --strip-components=1
	./configure --prefix=~/local
	make install # ok, fine, this step probably takes more than 30 seconds...
	curl https://www.npmjs.org/install.sh \| sh

	/**
	* Helper function for passing arrays of promises to $.when
	*/
	jQuery.whenArray = function ( array ) {
	return jQuery.when.apply( this, array );
	};


	/**
	* Accepts a single image src or an array of image srcs.

	Each YouTube video has 4 generated images. They are predictably formatted as follows:

	http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

	The first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1.jpg, 2.jpg, 3.jpg) is:

	http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

	<!doctype html>
	<html lang="en" class="breakpoint-medium">
	<head>
	<meta charset="utf-8">
	<title>Metaquery Boilerplate</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">

	<meta name="breakpoint" content="small" media="(max-width: 480px)">
	<meta name="breakpoint" content="medium" media="(min-width: 481px) and (768px)">

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {