Skip to content

Instantly share code, notes, and snippets.

@phongjalvn
phongjalvn / playground.css
Created June 5, 2012 05:47
remember to define focus styles!
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Papercut &middot; CodePen</title>
<style>
/* General Set Up Styles */
body {
padding:0;
margin:0;
overflow:hidden;
height: 600px;
}
canvas {
padding:0;
margin:0;
}
@phongjalvn
phongjalvn / css.css
Created July 6, 2012 17:40
css3 gui animation
* {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
body {
margin:0;
@phongjalvn
phongjalvn / index.html
Created July 6, 2012 17:41
css3 corner
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tucked Corners &middot; CodePen</title>
<style>
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
list-style: none;
}
div.clear {
@phongjalvn
phongjalvn / index.html
Created July 6, 2012 17:46
3d with sass
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3D Sass Text &middot; CodePen</title>
<style>
[class*="icon-"] {
font-family: 'fontello';
font-style: normal;
font-size: 3em;
speak: none;
}
.icon-home:after { content: "\2602"; }
.icon-cog:after { content: "\2699"; }
.icon-cw:after { content: "\27f3"; }
.icon-location:after { content: "\2629"; }
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CodePen &middot; A Pen by complexcompulsions</title>
<style>
@phongjalvn
phongjalvn / index.html
Created July 6, 2012 17:54
css3 buttons
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Pressable CSS Buttons &middot; CodePen</title>
<link rel="stylesheet" href="http://codepen.io/stylesheets/css/normalize.css">