phongjalvn’s gists

phongjalvn / lolz.js

Created August 7, 2012 05:42

javascript:if(!window.ThreeDit)%7BThreeDit%3Dfunction(a,b)%7Bfunction%20G(a)%7Bp%3Da.clientX%2Bg.scrollLeft%3Bq%3Da.clientY%2Bg.scrollTop%7Dfunction%20F()%7Bvar%20a%3Dg.scrollLeft-t%3Bvar%20b%3Dg.scrollTop-u%3Bp%3Dv%3Dg.scrollLeft%2Br%3Bq%3Dw%3Dg.scrollTop%2Bs%3Bn%2B%3Da%3Bo%2B%3Db%3Bx%3Dv%2Bl.clientLeft-e.pageXOffset%3By%3Dw%2Bl.clientTop-e.pageYOffset%3Bt%3Dg.scrollLeft%3Bu%3Dg.scrollTop%7Dfunction%20E()%7Br%3De.innerWidth/2%3Bs%3De.innerHeight/2%3Bp%3Dv%3Dg.scrollLeft%2Br%3Bq%3Dw%3Dg.scrollTop%2Bs%3Bx%3Dv%2Bl.clientLeft-e.pageXOffset%3By%3Dw%2Bl.clientTop-e.pageYOffset%7Dfunction%20D()%7Bn%2B%3D(p-n)*.05%3Bo%2B%3D(q-o)*.05%3Bvar%20a%3D(n-v)/r*5%3Bvar%20b%3D-(o-w)/s*5%3Bfor(var%20e%3D0%3Be%3Cd.length%3Be%2B%2B)%7Bvar%20f%3Dd%5Be%5D.node%3Bvar%20g%3Df%3Bvar%20h%3D0%3Bvar%20k%3D0%3Bvar%20l%3Dd%5Be%5D.z%3Bf.style%5Bi%5D%3Dx-h%2B%22px%20%22%2B(y-k)%2B%22px%22%3Bf.style%5Bj%5D%3D%22rotateY(%22%2Ba%2B%22deg)%20rotateX(%22%2Bb%2B%22deg)translate3d(0px,0px,%20%22%2Bl*c.zDepth%2B%22px)%22%7D%7Dfunction%20C()%7Bvar%2

phongjalvn / css.css

Created July 22, 2012 14:14

	/*
	* Menu Effects: A collection of CSS3 menu effects (degrades gracefully in IE8).
	*
	* Don't hesitate to create new effects and remove the ones you don't need.
	*
	* latest version and complete README available on Github:
	* https://github.com/louisremi/menu-effects
	*
	* Copyright 2012 @louis_remi
	* Licensed under the MIT license.

phongjalvn / css.css

Created July 22, 2012 14:10

css3 window

	* {margin: 0; padding: 0;}

	body {
	background: url(http://cl.ly/BHEM/img.jpg);
	background-size: cover;
	padding: 40px;
	}

	/* OS X Window
	======================================== */

phongjalvn / css.css

Created July 22, 2012 14:08

	body {
	background-color: #f6f6f6;
	background-image: -webkit-radial-gradient(circle, hsla(0,0%,0%,.05) 25%, transparent 25%);
	background-image: -moz-radial-gradient(circle, hsla(0,0%,0%,.05) 25%, transparent 25%);
	background-image: radial-gradient(circle, hsla(0,0%,0%,.05) 25%, transparent 25%);
	background-size: 4px 4px;
	margin: 0 auto;
	max-width: 720px;
	padding: 100px 50px 100px;
	text-align: center;

phongjalvn / css.css

Created July 22, 2012 13:41

	* {padding: 0; margin: 0; overflow: hidden; }
	#canvas {background: black; }

phongjalvn / gist:3114697

Created July 15, 2012 03:10

	section
	vbox()
	boxcol 1
	bgstripe #2b4a6d
	mh 3rem

	span
	display inline-block
	width 1.2rem

phongjalvn / index.html

Created July 7, 2012 21:30

Spectrum gen



	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CodePen · A Pen by phongjalvn</title>

	<style>

phongjalvn / index.html

Created July 6, 2012 18:05

ui animation



	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>Avengers UI Interface CSS animation · CodePen</title>

	<style>

phongjalvn / index.html

Created July 6, 2012 18:04

popup button



	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>PopUp Buttons · CodePen</title>

	<style>

phongjalvn / index.html

Created July 6, 2012 18:03

paperstack - scss



	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>Paper Stack Compass/scss mixin · CodePen</title>

	<style>