trongthanh

/**
 * Animated 3D Stereo Images with CSS3
 * Author: Thanh Tran (int3ractive.com)
 */

.image1 {
  background: url(http://labs.int3ractive.com/javascript/effects/stereo-images/img/DSC_0192.jpg) no-repeat;
  width: 512px;  
  height: 769px;
}

trongthanh

# source: http://st-on-it.blogspot.com/2010/01/how-to-move-folders-between-git.html
# First of all you need to have a clean clone of the source repository so we didn't screw the things up.

git clone git://server.com/my-repo1.git

# After that you need to do some preparations on the source repository, nuking all the entries except the folder you need to move. Use the following command

git filter-branch --subdirectory-filter your_dir -- -- all

# This will nuke all the other entries and their history, creating a clean git repository that contains only data and history from the directory you need. If you need to move several folders, you have to collect them in a single directory using the git mv command.

trongthanh

Visit: http://jsfiddle.net/ttt_conan/bzqnu/ for live demonstration

trongthanh

/**
 * Flex-box playground
 */
body { font: 2em sans-serif; }
.s1 { font-size: 1em; }
.s2 { font-size: 2em; }
.s3 { font-size: 1.5em; }

.box {
	background: #ffcccc;

trongthanh

/**
 * The first commented line is your dabblet’s title
 */

.box {
	width: 200px;
	height: 200px;
	background: rgba(255,0,255, 0.2);
}

trongthanh

/**
 * Animated 3D Stereo Images with CSS3 (Enhanced with Steps)
 * Author: Thanh Tran (int3ractive.com)
 * Blog post: http://blog.int3ractive.com/2012/05/cave-3d-stereo-images-2-state-looping.html
 * Older solution (without steps() function): http://dabblet.com/gist/2651495
 * Note: prefix-free in use
 */

.image1 {
  background: url(http://labs.int3ractive.com/javascript/effects/stereo-images/img/DSC_0192.jpg) no-repeat;

trongthanh

/*
	Demo: Fixed Web Font padding issues on Mac/Linux/Android
	Blog post: http://blog.int3ractive.com/2013/07/fixing-web-fonts-padding-issues-on-linux-mac.html
*/
@font-face {
	font-family: 'HelveticaLight'; font-weight: normal; font-style: normal;
	src: local('☺'), url('https://github.com/trongthanh/trongthanh.github.com/blob/master/css/webfonts-padding-fix/HelveticaNeue-Light.woff?raw=true') format('woff');	
}
@font-face {
	font-family: 'HelveticaLightFixed'; font-weight: normal; font-style: normal;

trongthanh

/**
 * Essential CSS Training - Cascading & Specificity
 */
html {
	font-family: sans-serif;
	font-size: 200%;
}

.blue {
	color: blue;

trongthanh

/**
 * Float Demo
 */
html {
	font-family: sans-serif;
	font-size: 150%;
	color: #666;
}

.container {

trongthanh

/**
 * Clear Fix Demo
 */
html {
	font-family: sans-serif;
	font-size: 150%;
}

.container {
	background: #aaddaa;