Luiz Tanure letanure

Project Name

TODO: Write a project description

Installation

TODO: Describe the installation process

Usage

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

Name	Stars	Forks	Contri	Vesion
Angular	36,666	15,105	1,212	1.3.15
Backbone	21,151	4,735	252	1.1.2
Marionette	6,009	1,122	255	2.4.1
React	18,496	2,472	336	0.12.2
Flux	5,266	781	52	2.0.2
jQuery	33,835	8,130	215	2.1.3

Google Trends

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

	{
	"vars": {
	"@gray-base": "#333",
	"@gray-darker": "lighten(@gray-base, 13.5%)",
	"@gray-dark": "lighten(@gray-base, 20%)",
	"@gray": "lighten(@gray-base, 33.5%)",
	"@gray-light": "lighten(@gray-base, 46.7%)",
	"@gray-lighter": "lighten(@gray-base, 93.5%)",
	"@brand-primary": "darken(#0089bc, 6.5%)",
	"@brand-success": "#5cb85c",

	Ort;Zusatz;Plz;Vorwahl;Bundesland
	Aach;b Trier;54298;0651;Rheinland-Pfalz
	Aach;, Hegau;78267;07774;Baden-Württemberg
	Aachen;;52062;0241;Nordrhein-Westfalen
	Aachen;;52064;0241;Nordrhein-Westfalen
	Aachen;;52066;0241;Nordrhein-Westfalen
	Aachen;;52068;0241;Nordrhein-Westfalen
	Aachen;;52070;0241;Nordrhein-Westfalen
	Aachen;;52072;0241;Nordrhein-Westfalen
	Aachen;;52074;0241;Nordrhein-Westfalen

	{
	"name": "my-app",
	"version": "1.0.0",
	"description": "My test app",
	"main": "src/js/index.js",
	"scripts": {
	"jshint:dist": "jshint src/js/*.js'",
	"jshint": "npm run jshint:dist",
	"jscs": "jscs src/*.js",
	"browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js",

	// file: app/scripts/directives/myDirective.js

	angular.module('someApp.directive').directive('myDirective', function () {
	return {
	templateUrl: 'templates/myDirective.html', // HERE
	....
	}
	});

	var es = require('event-stream'),
	gulp = require('gulp'),
	riot = require('gulp-riot'),
	rimraf = require('gulp-rimraf'),
	jshint = require('gulp-jshint'),
	stylus = require('gulp-stylus'),
	concat = require('gulp-concat'),
	uglify = require('gulp-uglify'),
	notify = require("gulp-notify"),
	plumber = require('gulp-plumber'),