Rob stinoga

Grunt and Cordova 3

The advantages of using Grunt with Cordova:

It simplifies working with the cordova cli.
It provides a mechanism to copy platform customization to the platforms directory without having to commit the generated plugins and platforms directories to version control.
It provides a way to watch resources and automatically run cordova commands.

Stack Overflow: .gitignore for PhoneGap/Cordova 3.0 projects - what should I commit?

The goal of ngAria is to improve Angular's default accessibility by enabling common ARIA attributes that convey state or semantic information for assistive technologies used by persons with disabilities.

##Including ngAria

Using ngAria is as simple as requiring the ngAria module in your application. ngAria hooks into standard AngularJS directives and quietly injects accessibility support into your application at runtime.

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

	<!DOCTYPE HTML>
	<html>
	<head>
	<!-- HBox and VBox layouts have been implementated with many libraries/toolkits on
	different platforms and languages (like ExtJS,QT,GTK,.NET...).
	This tries to achieve the same but with CSS only.

	Supported browsers: IE 10+, Safari 6.1, Latest FF, Chrome -->
	<style type="text/css">
	html, body {

	angular.module('myMdl', []).config(['$httpProvider', function($httpProvider) {
	$httpProvider.responseInterceptors.push([
	'$q', '$templateCache', 'activeProfile',
	function($q, $templateCache, activeProfile) {

	// Keep track which HTML templates have already been modified.
	var modifiedTemplates = {};

	// Tests if there are any keep/omit attributes.
	var HAS_FLAGS_EXP = /data-(keep\|omit)/;

	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);

	/*! Prefix flex for IE10 and Safari / iOS in LESS
	* https://gist.github.com/codler/2148ba4ff096a19f08ea
	* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */

	.display(@value) when (@value = flex) {
	display: -ms-flexbox; // IE10
	display: -webkit-flex; // Safari / iOS
	}

	.display(@value) when (@value = inline-flex) {

	<snippet>
	<content><![CDATA[
	@include mq(\$bp-${1:}) \{
	${2:Type then hit tab!}
	\} //mq
	]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>mq</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope> seems to break stuff / not work / disable snippet. ¯\_(ツ)_/¯ -->

	import { Component } from "React";

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

	import transitions from './transitions.css';

	export default () => (
	<ReactCSSTransitionGroup transitionName={transitions}>
	{ ... }
	</ReactCSSTransitionGroup>
	);