Skip to content

Instantly share code, notes, and snippets.

@idrakimuhamad
idrakimuhamad / dabblet.css
Created February 2, 2012 04:32
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f0f0f0;
background: linear-gradient(45deg, #f0f0f0, #aaa);
min-height:100%;
}
.tm {
width: 400px;
@idrakimuhamad
idrakimuhamad / dabblet.css
Created February 27, 2012 15:45
Fade in animation from Path Web App. Save for revision.
/**
* Fade in animation from Path Web App. Save for revision.
*/
.m {
width: 500px;
height: 350px;
background: #f0f0f0;
margin: 0 auto;
border: 1px solid #ddd;
animation: fade-moment-in .5s ease-out;
@idrakimuhamad
idrakimuhamad / post.css
Created July 29, 2012 16:14
Post Container
.post-container {
width: 200px;
background-image: url('http://dl.dropbox.com/u/19076481/PIC/example/border5.png');
padding: 6px;
}
.post {
background: #fff;
padding: 6px;
}​
@idrakimuhamad
idrakimuhamad / dabblet.css
Created July 29, 2012 16:20
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post-container {
@idrakimuhamad
idrakimuhamad / dabblet.css
Created July 29, 2012 16:20
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.post-container {
width: 200px;
background-image: url('http://dl.dropbox.com/u/19076481/PIC/example/border5.png');
padding: 6px;
}
.post {
background: #fff;
@idrakimuhamad
idrakimuhamad / index.html
Created December 14, 2012 07:49
Invoice template for BIZY.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Invoice</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="print_batch">
@idrakimuhamad
idrakimuhamad / paypal-js-button.css
Last active January 2, 2016 08:59
Example of creating PayPal button dynamically and getting the amount from user input using their PayPal Button JS.
body {
background: #DADADA;
font-size : 16px;
}
#price {
background: #DADADA;
padding : .5em;
border: 2px solid rgba(0,0,0, .35);
margin-right: 1em;
/* Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af */
@mixin material-shadow($level:1){
@if $level == 1 {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
@else if $level == 2 {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
@idrakimuhamad
idrakimuhamad / README.md
Last active August 29, 2015 14:15 — forked from mbostock/.block

This example builds a random tree using the Reingold-Tilford "tidy" algorithm, as described in "Tidier Drawings of Trees" and implemented by d3.layout.tree. As each node is added to the graph, it enters from the previous position of the parent node. Thus, the existing nodes and the new node transition smoothly to their new positions. The animation stops when 500 nodes have been added to the tree.

@idrakimuhamad
idrakimuhamad / ntfs.sh
Created April 21, 2015 13:40
Enable NTFS Support on Mac
#!/bin/bash
checkExisting(){
echo "Checking if already existing device on file..."
while read fileLine; do
if [ "$line" = "$fileLine" ]; then
echo "[WARNING] Device already initialized on this system. Nothing to do here"