Felipe Marcos felipemarcos

`vs` Questions

http://stackoverflow.com/questions/804115 (rebase vs merge).
https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
http://stackoverflow.com/questions/292357 (pull vs fetch)
http://stackoverflow.com/questions/39651 (stash vs branch)
http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Commit Message Conventions

These rules are adopted from the AngularJS commit conventions.

Goals
Generating CHANGELOG.md
- Recognizing unimportant commits
- Provide more information when browsing the history
Format of the commit message
Subject line

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:

	/**
	* Here you'll find some swipe methods for a native iOS or Android app
	* which can be used when you are using webdriver.io
	*
	* I work a lot based on percentages, so it is working on all screens and all devices
	* and I hope you understand how to use it based on the docs.
	*
	* Feel free to use it for all kinds of purposes, a star is much appreciated ;-)
	*
	* Grtz,

	import React from 'react';
	import services from '../services/index';
	import BigCalendar from 'react-big-calendar';
	import moment from 'moment';

	import 'react-big-calendar/lib/css/react-big-calendar.css';

	// setting to use Saturday as the first day of the week
	moment.updateLocale('en-gb', {
	week : {

	# The trick is to link the DeviceSupport folder from the beta to the stable version.
	# sudo needed if you run the Mac App Store version. Always download the dmg instead... you'll thank me later :)

	# Support iOS 15 devices (Xcode 13.0) with Xcode 12.5:
	sudo ln -s /Applications/Xcode-beta.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport/15.0 /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport

	# Then restart Xcode and reconnect your devices. You will need to do that for every beta of future iOS versions

	# (A similar approach works for older versions too, just change the version number after DeviceSupport)

	Angular
	- diretivas
	lightbox gallery
	carousel (múltiplos items, e direções)
	file upload (checar o angular-file-upload)

	NPM
	- config (using shell-arguments to env)

	var AWS = require('aws-sdk');

	AWS.config.update({
	accessKeyId: '{AWS_KEY}',
	secretAccessKey: '{AWS_SECRET}',
	region: '{SNS_REGION}'
	});

	var sns = new AWS.SNS();

	(function(angular) {
	'use strict';

	var directives = angular.module('app.directives', []);

	directives.directive('ngTap', function() {
	return function(scope, element, attrs) {
	var tapping;
	tapping = false;
	element.bind('touchstart', function(e) {