Skip to content

Instantly share code, notes, and snippets.

View vinhnx's full-sized avatar

Vinh Nguyen vinhnx

495 followers · 5.8k following
View GitHub Profile
@vinhnx
vinhnx / index.html
Created September 18, 2012 08:48
Interactive nodes built from image data. Play with your mouse :)
<canvas id='canvas'></canvas>
@vinhnx
vinhnx / index.html
Created September 18, 2012 08:50
<section class="container" id="container">
<div class="shadowContainer">
<div class="shadow" id="shadow"><div class="shadow2" id="shadow2"></div></div>
</div>
<div id="box">
<figure class="front" id="front">
<img src="https://lh6.googleusercontent.com/-y9johWORM1M/UE-UenoHP5I/AAAAAAAAAGg/0Gnd4KiCdSA/s900/background+large.png" id="largeBG" width="900" height="400" style="-webkit-transform: rotate(180deg)" />
<img src="https://lh4.googleusercontent.com/-uoU1Xjv2AXk/UE-Ufg1bHkI/AAAAAAAAAG0/VSHNMQfQ1A0/s500/newFront2.png" height="500" width="305" style="-webkit-transform: rotate(180deg)" />
<figure class="shine" id="shine"></figure>
</figure>
@vinhnx
vinhnx / index.haml
Created September 18, 2012 17:08
nothing special http://codepen.io/vinhnx/full/DLcCH
!!!
%html
%head
%meta{:charset => "utf-8"}
%title random
%body
#container
%h1 Join the Dark Side
%small ... and get free cookie!
%br/
@vinhnx
vinhnx / index.haml
Created September 18, 2012 18:44
nothing special
!!!5
%html
%head
%meta{:charset => "utf-8"}
%title random
%body
#container
%h1 Join the Dark Side
%small ... and get free cookie!
%br/
@vinhnx
vinhnx / index.haml
Created September 18, 2012 20:19
nothing special
!!!5
%html
%head
%meta{:charset => "utf-8"}
%title random
%body
#container
%h1 Join the Dark Side
%small ... and get free cookie!
%br/
@vinhnx
vinhnx / index.html
Created September 19, 2012 03:03
Css Animations and Vanilla Javascript
<body>
<!--targets
<div id='left-target' class='target'></div>
<div id='right-target' class='target'></div>
-->
<section id='carousel-wrapper'>
<!--images-->
@vinhnx
vinhnx / index.haml
Created September 19, 2012 09:26
just another dump game
/ by: @vinhnx.
%h1 Click-a-trooper game
#game
%img#troophead{:alt => "stormtrooper", :src => "https://dl.dropbox.com/u/11357190/HTML-builds/test-lab/jsms/jquery-events/trooper.ico"}
%img#vader{:alt => "vader", :src => "https://dl.dropbox.com/u/11357190/HTML-builds/test-lab/jsms/jquery-events/vader.ico"}
%img#r2d2{:alt => "r2d2", :src => "https://dl.dropbox.com/u/11357190/HTML-builds/test-lab/jsms/jquery-events/r2d2.ico"}
%img#sand{:alt => "sand", :src => "https://dl.dropbox.com/u/11357190/HTML-builds/test-lab/jsms/jquery-events/sand.ico"}
%p
SCORE:
@vinhnx
vinhnx / index.haml
Created September 19, 2012 12:15
nothing special
/ by: @vinhnx.
!!!5
%html
%head
%meta{:charset => "utf-8"}
%title random
%body
#container
%h1{:title => "enter to win freeee cookies! ;)"} Join the Dark Side
@vinhnx
vinhnx / index.html
Created September 21, 2012 09:18
New Tab Clock's landing page. http://vinhnx.github.com/lab/new-tab-clock/
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>New Tab Clock preview</title>
<link href='http://fonts.googleapis.com/css?family=McLaren' rel='stylesheet' type='text/css'>
</head>
<body>
<a href="http://vinhnx.github.com/lab/new-tab-clock/"><h1>New Tab Clock</h1></a>
<small>( ... a Chrome extension)</small>
@vinhnx
vinhnx / Ciapre.tmTheme
Created September 21, 2012 12:30
Ciapre - Sublime Text 2 color scheme. based on https://github.com/cyrilmengin/andro
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>author</key>
<string>Vinh Nguyen</string>
<key>name</key>
<string>Ciapre</string>
<key>settings</key>
<array>