Jabran Rafique jabranr

🚀

Building ideas

Web Engineering / Sometimes maker

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 / decimal2binary.php

Last active February 25, 2016 18:36

Converts the integer to binary and outputs list of integers that are power of 2 (http://jabran.me/using-special-integers-with-bitwise-operators-for-php-rbac/)

	<?php
	/**
	* Converts the integer to binary and outputs list of integers that are power of 2
	*
	* @author: Jabran Rafique <[email protected]>
	* @param: integer $decimal
	* @return: string
	*/

	function get_special_binary( $decimal ) {

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 / Format Text String to Tweet with JavaScript String prototype.js

Last active April 24, 2023 10:53

Format Text String to Tweet with JavaScript String.prototype

	// Enable IE8 support for indexOf
	if ( typeof Array.prototype.indexOf === 'undefined' ) {
	Array.prototype.indexOf = function(item) {
	for (var i = 0; i < this.length; i++) {
	if (this[i] === item) {
	return i;
	}
	return -1;
	}
	}

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 / 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 / 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 / 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 / image-aspect-ratio.js

Last active January 15, 2024 01:12

Set image aspect ratio with JavaScript

	/**
	* Originally wrote this snippet for Suffragette/Pathé campaign (https://apps.facebook.com/inspiring-women)
	*
	* The campaign app forms a grid of square images pulled from social APIs based on
	* particular hashtags. This snippet sets the new width and
	* height based on their natural width and height to maintain the aspect ratio.
	* Works best for 1:1 aspect ratio but can be modified to accommodate other ratio.
	*
	* @param Element\|Resource img - An image element/resource from DOM
	* @param int expected - Expected width or height

jabranr / sublime-settings.json

Last active December 9, 2016 00:59

Personal Sublime preferences

	{
	"bold_folder_labels": true,
	"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
	"draw_centered": false,
	"fade_fold_buttons": false,
	"file_exclude_patterns":
	[
	"*.pyc",
	"*.pyo",
	"*.exe",