Skip to content

Instantly share code, notes, and snippets.

View mappmechanic's full-sized avatar

Rahat Khanna mappmechanic

104 followers · 119 following
View GitHub Profile
@mappmechanic
mappmechanic / index.html
Created May 5, 2015 12:35
CSS3 Animating Progress Loader
<!DOCTYPE html>
<html>
<head>
<title> CSS3 Animating Progress Loader Example </title>
<style type="text/css">
.u_loading
{
display:block;
width:100px;
height:5px;
@mappmechanic
mappmechanic / rooms_data.json
Created April 1, 2015 01:30
Initial Rooms Data for Firebase
{
"rooms" : [ {
"chats" : {
"-JglJnGDXcqLq6m844pZ" : {
"createdAt" : 1422461711580,
@mappmechanic
mappmechanic / index.html
Created February 28, 2015 17:34
Outlook like Email Client using Twitter Bootstrap
<!DOCTYPE>
<html ng-app="myapp">
<head>
<title>Outlook Like Layout</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
@mappmechanic
mappmechanic / html5-battery-chart
Created December 12, 2014 11:48
HTML5 CSS3 - Battery Chart Snippet
<!DOCTYPE html>
<html>
<head>
<title> HTML5, CSS3 Battery Chart Demo </title>
<style>
/* CSS CODE */
.battery
{
background: url('http://s30.postimg.org/kcjgr4hf5/battery.png');