Skip to content

Instantly share code, notes, and snippets.

View jabranr's full-sized avatar
🚀
Building ideas

Jabran Rafique jabranr

🚀
Building ideas
View GitHub Profile
@jabranr
jabranr / Gruntfile.js
Last active August 29, 2015 14:01
Gruntfile boilerplate for JavaScript/Coffee projects
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
coffee: {
options: {
bare: true
},
glob_to_multiple: {
expand: true,
flatten: true,
@jabranr
jabranr / basic-facebook-login-flow.js
Last active August 29, 2015 14:05
Basic Facebook login and data retrieval flow
// Check and verify user status or prompt for authorization
function checkUserStatus(response) {
var permissions = {
scope: '' // email
};
if ( isConnectedUser(response) )
return FB.api('/me', gotUserInfo);
return FB.login(checkUserStatus, permissions);
}
@jabranr
jabranr / custom-callback-with-google-maps-loading-flow.js
Last active August 29, 2015 14:05
Custom callback with Google Maps loading flow
// setup
!(function(root) {
var AsyncGoogleMap = (function() {
// constructor
function AsyncGoogleMap(canvas, lat, lng, zoom, callback) {
if ( typeof canvas === 'undefined' )
@jabranr
jabranr / javascript-bootstrap-example.html
Last active December 2, 2015 16:48
JavaScript Bootstrap Example
<!--
This is code for working example of vanilla JavaScript Bootstrap
script at: https://gist.github.com/jabranr/254f6b47dd765ac50654
Copy this all code and save as an HTML file to see the demo.
-->
<!doctype HTML>
@jabranr
jabranr / vanilla-javascript-bootstrap.js
Last active December 2, 2015 16:49
Vanilla JavaScript Bootstrap
/**
* This is small, light weight vanilla JavaScript Bootstrap script.
*
* It comes handy in situations where a framework i.e. jQuery is used only
* for "load" and "ready" events etc. This small script will not only save
* lot of bytes but also gives a basic start on writing object literal JavaScript.
*
* Learn more about object literal JavaScript at following resource:
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Values,_variables,_and_literals
*
@jabranr
jabranr / git-fetch-pull.sh
Last active December 10, 2015 10:31
Fetch and pull all Git directories in current directory
# Use the script at root directory of all Git projects.
#
# How it works:
# 1. The script will change directory to each sub directory.
# 2. Checks for ".git/" directory. Fails and returns message if not found.
# 3. In valid Git project, it Fetches and Pulls the updates from remote.
# 4. Shows end result message accordingly.
#
# Author: Jabran Rafique <hello@jabran.me>
# License: MIT License
@jabranr
jabranr / index.html
Created August 8, 2013 08:00
A CodePen by Jabran Rafique. CSS Tooltip - Tooltip in pure CSS
<!doctype html>
<html>
<head></head>
<body>
<div class="tooltip">
<div class="tikon"></div>
<div class="tiptext">This is the longest ever tooltip you might have seen in whole world wide web.</div>
</div>
</body>
</html>
@jabranr
jabranr / delete-git-branch.sh
Created February 3, 2016 09:20
Delete a Git branch locally and remotely
# Delete a Git branch locally and remotely
# Author: Jabran Rafique <hello@jabran.me>
# License: MIT License
#!/bin/bash
# Display all local branches
git branch
# Delete a local branch
@jabranr
jabranr / xdebug-sublime-settings.json
Created February 3, 2016 09:27
xDebug Sublime client user settings
{
"debug_layout" : {
"cols": [0.0, 0.5, 1.0],
"rows": [0.0, 0.6, 1.0],
"cells": [[0, 0, 2, 1], [0, 1, 1, 2], [1, 1, 2, 2]]
},
"close_on_stop": true,
"super_globals": true,
"break_on_start": false,
"debug": true
@jabranr
jabranr / sublime-linter-user-settings.json
Created February 3, 2016 09:29
Sublime Linter user settings
[
{ "keys": ["f4"], "command": "import_namespace" },
{ "keys": ["f7"], "command": "insert_php_constructor_property" },
{ "keys": ["f9"], "command": "expand_fqcn" },
{ "keys": ["f10"], "command": "find_use" },
{ "keys": ["shift+f9"], "command": "expand_fqcn", "args": {"leading_separator": true} },
{ "keys": ["shift+f12"], "command": "goto_definition_scope" }
]