Skip to content

Instantly share code, notes, and snippets.

View Samnan's full-sized avatar
⚒️

Samnan ur Rehman Akhoond Samnan

⚒️
View GitHub Profile
@Samnan
Samnan / html5-upload-progress.js
Created June 27, 2011 11:02 — forked from ambethia/html5-upload-progress.js
HTML5 Upload Progress
var xhr = new XMLHttpRequest();
xhr.upload['onprogress'] = function(xhrpe) {
console.log(xhrpe);
};
var file = document.getElementById('source').files[0];
xhr.open("POST", this.action, true);
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
@Samnan
Samnan / rounded_corners_table.sass
Created June 25, 2011 06:57 — forked from solnic/rounded_corners_table.sass
Here's how to do a table with rounded corners in CSS3
@import compass/reset
@import compass/css3/border-radius
table
border: none
border-collapse: separate
th, td
padding: 5px
thead
background-color: #f2f6fa
@Samnan
Samnan / CSS3_Clock.html
Created June 25, 2011 06:32 — forked from tschmidt/CSS3_Clock.html
A clock made using CSS3 techniques and a little bit of JS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS 3 clock face</title>
<style type='text/css'>
* {
margin: 0;
padding: 0;
@Samnan
Samnan / logo.html
Created June 25, 2011 06:26 — forked from TdroL/logo.html
HTML5/CSS3 Shifted logo
<h1 data-content="Graphic portfolio">Graphic portfolio</h1>
@Samnan
Samnan / nativebutton.css
Created June 25, 2011 06:25 — forked from rblalock/nativebutton.css
Native OS looking CSS3 button
.nativebutton {
display: inline-block;
margin: 20px;
padding: 3px 6px;
font-family: 'Lucida Grande', Arial, sans-serif;
font-size: 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
@Samnan
Samnan / fiddle.css
Created June 25, 2011 06:23 — forked from wookiehangover/fiddle.css
yet another css3 gallery
.gal-wrapper {
width: 100%;
height: 198px;
position: relative;
padding: 0 1em;
margin: 0 -1em;
background-image: -webkit-gradient(
linear, left bottom, right bottom, color-stop(0.1, rgb(72,72,72)), color-stop(0.5, rgb(117,117,117)), color-stop(0.9, rgb(74,74,74))
);
@Samnan
Samnan / csslogo.css
Created June 25, 2011 05:48 — forked from rblalock/csslogo.css
A CSS3 driven logo
h1 {
position: relative;
font-size: 200px;
margin-top: 0;
font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif;
text-shadow: 2px 3px 3px #292929;
letter-spacing: -7px;
-webkit-text-stroke: 1px white;
}
@Samnan
Samnan / gameengines.md
Created June 25, 2011 05:48 — forked from bebraw/gameengines.md
List of JS game engines. You can find a wikified version at https://github.com/bebraw/jswiki/wiki/Game-Engines. Feel free to modify that. I sync it here every once in a while.

IMPORTANT! Remember to check out the wiki page at https://github.com/bebraw/jswiki/wiki/Game-Engines for the most up to date version.

Name Latest Release Size (KB) License Type Unit Tests Docs Repository Notes
Akihabara 1.3.1 (2011/05) 453 GPL2, MIT Classic Repro no API github Intended for making classic arcade-style games in JS+HTML5
Aves Commer-cial Obsolete. Company bought by Zynga. E3 2010 Aves Engine Prototype "Suburban World"
bdge github Badly Design Game Engine, an HTML5 Javascript game engine [Demo](h
@Samnan
Samnan / pendulum.js
Created June 25, 2011 05:46 — forked from Gautier/pendulum.js
Javascript pendulum CSS3
/**
* Oh yeah
*/
function rotate(id) {
var element = document.getElementById(id);
function applyRotate(angle) {
var strAngle = "rotate(" + angle + "rad)";
element.style.WebkitTransform = strAngle;
element.style.MozTransform = strAngle;
}
@Samnan
Samnan / jqueryui-dialog-message.js
Created June 24, 2011 13:08 — forked from chicagoworks/jqueryui-dialog-message.js
jQuery UI dialog extension to set the message body of the dialog similar to the way dialog title is set.
var __setOption = $.ui.dialog.prototype._setOption;
$.extend($.ui.dialog.prototype, {
_setOption : function (key, value) {
var self = this,
uiDialog = self.uiDialog;
if (key === 'message') {
self.element.html("" + (value || '&#160;'));
}
__setOption.apply(self, arguments);
}