Skip to content

Instantly share code, notes, and snippets.

View vamshisuram's full-sized avatar
🎯
Focusing

Vamshi Suram vamshisuram

🎯
Focusing
View GitHub Profile
@vamshisuram
vamshisuram / Readme.md
Created September 15, 2016 15:19 — forked from mxstbr/Readme.md
Enable tab completion for JSX with Emmet in Atom

Enable tab completion for JSX with Emmet in Atom

This guide assumes you have the emmet and language-babel packages already installed in Atom

Gif of the tab completion working

  1. Open the keymap.cson file by clicking on Atom -> Keymap… in the menu bar
  2. Add these lines of code to your keymap:
'atom-text-editor[data-grammar~="jsx"]:not([mini])':
@vamshisuram
vamshisuram / README.md
Last active August 29, 2015 14:23 — forked from ngryman/README.md

intellij javascript live templates

Just a dump of handy live templates I use with IntelliJ. They should also work with WebStorm.

How to

  • Go to settings.
  • Search for live templates.
  • Under the javascript section you should be able to manage your templates.
* {
font-size: 12pt;
font-family: monospace;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: black;
cursor: default;
}
@vamshisuram
vamshisuram / code-conventions.md
Created May 5, 2015 12:04
A list of rules for better coding
  • Functions

    • single return value
    • should do one thing
    • max. 30 lines
  • Commenting

    • describe the code in comments appropriately
    • if its hack, mention something like this in comments
      • // @TODO: Temporary hack, to be refactored

Chrome Web Development Extensions

  • AdBlock - The most popular Chrome extension, with over 10 million users! Blocks ads all over the web.
  • Blackline GPS JIRA/GreenHopper Tools - Tools for working with JIRA GreenHopper
  • Dev HTTP Client - Easily construct custom HTTP requests, save them permanently, take advantage of variables and contexts.
  • Edit This Cookie - Edit This Cookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!
  • GitHub Notifier - Displays your GitHub notifications unread count
  • Hacker News - Displ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
var self;
// Source: https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc
// jsFiddle: http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/
// author: Pawel Kozlowski
var myApp = angular.module('myApp', []);
//service style, probably the simplest one
myApp.service('helloWorldFromService', function() {
this.sayHello = function() {
return "Hello, World!"
<!DOCTYPE html>
<html>
<head>
<script src="http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.0.0-beta.13/css/ionic.min.css" rel="stylesheet" type="text/css" />
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
body * {
color: rgba(0,0,0,0.45);
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="http://jashkenas.github.io/underscore/underscore-min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
// sorting - trial 2