Skip to content

Instantly share code, notes, and snippets.

View veeracs's full-sized avatar

Chandra Veera veeracs

View GitHub Profile
<!doctype html>
<html lang="en" id="ng-app" xmlns:ng="http://angularjs.org" ng-controller="AppCtrl">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>HTML5 placeholder polyfill using AngularJS directive</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/main.css">
<script src="app/libs/modernizr.custom.09442.js"></script>
/*
HTML5 placeholder polyfill for IE8, 9
*/
angular.module('directives.placeholder', []).directive('placeholder', function(){
// cn-placeholder directive definition object
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, elm, attrs, ctrl) {
if (!Modernizr.placeholder) {
@veeracs
veeracs / cmunit.js
Created October 9, 2015 14:30
CM DFP unit
angular.module('directives', [])
.directive('cmunit', ['$compile', 'AdBrandMappingService',
function($compile, AdBrandMappingService) {
return {
restrict: 'E',
replace: true,
template: '<div class="cm-ads-unit" id="cmunit{{size}}_frame"></div>',
link: function(scope, elm, attrs, ctrl) {
var site = AdBrandMappingService.getDfpReference(scope.appName);
scope.size = (scope.adBlocked) ? '_failsafe' : attrs.size;
@veeracs
veeracs / rebasing.txt
Last active October 20, 2015 20:43
PR, git rebasing and squashing commits
1. Branch off of develop for a feature development/bug fix.
$ git checkout -b feature/myfeature develop
$ git checkout -b bug/CNID-1234 develop
2. Do as many commits as you want on the feature/bug branch. Once done with the changes, squash all commits into one commit
Open github and figure out how many commits to go back.
$ git rebase -i head~(number of commits)
- You can remove commits in editor by doing {command K}.
- Save!
3. Checkout develop and make sure it's up to date
$ git checkout develop
@veeracs
veeracs / on-jsx.markdown
Created January 24, 2016 19:46 — forked from chantastic/on-jsx.markdown
JSX, a year in

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 lead 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'

@veeracs
veeracs / nginx.conf
Created February 23, 2016 22:07 — forked from plentz/nginx.conf
Best nginx configuration for improved security(and performance). Complete blog post here http://tautt.com/best-nginx-configuration-for-security/
# to generate your dhparam.pem file, run in the terminal
openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048
package ca.uwo.csd.cs2212.USERNAME;
public class BankAccount {
private double balance;
public BankAccount(double balance) {
this.balance = balance;
}
@veeracs
veeracs / .scss-lint.yml
Created February 26, 2016 14:40 — forked from meleyal/.scss-lint.yml
scss-lint `PropertySortOrder` config based on @mdo's Code Guide / recess
# based on http://git.io/hpl2Gw
linters:
PropertySortOrder:
order:
- position
- top
- right
- bottom
- left
@veeracs
veeracs / introrx.md
Created March 2, 2016 20:00 — forked from staltz/introrx.md
The introduction to Reactive Programming you've been missing
@veeracs
veeracs / functional-component.js
Created April 6, 2016 19:18
An example functional component in React
/**
* External dependencies
*/
import React, { Component, PropTypes } from 'react';
import { Link } from 'react-router';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import classNames from 'classnames';
/**