Skip to content

Instantly share code, notes, and snippets.

View MichaelArestad's full-sized avatar

Michael Arestad MichaelArestad

66 followers · 0 following
View GitHub Profile
@MichaelArestad
MichaelArestad / dabblet.css
Created January 28, 2012 22:24
SUPER MEAT FACE!!!!!
/**
* SUPER MEAT FACE!!!!!
*/
html {
background: #c52815;
}
#superMeatFace {
@MichaelArestad
MichaelArestad / responsive.html
Created January 29, 2012 19:47 — forked from lensco/responsive.html
Simple responsive design test page. More info here: http://bricss.net/post/16538278376/simple-responsive-design-test-page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Responsive Design Testing</title>
<style>
body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
.wrapper { width: 6000px; }
.frame { float: left; }
h2 { margin: 0 0 5px 0; }
@MichaelArestad
MichaelArestad / Boots Cats
Created March 14, 2012 20:37
JS1k Speech synthesizer
Use with: http://www.p01.org/releases/JS1K_Speech_Synthesizer/JS1K_Speech_Synthesizer.htm
d s t s d s t s d s t s d s t s b r b r b r bbr b r b r b r bbr b r b r b r bbr b r b r b r bbrbb k bbk bkk b k b k bbk bkk b k bdbdbdbdbdbdbdbdf dk f s dk f dk f s dk df dk f s dk f dks fts dk
@MichaelArestad
MichaelArestad / dabblet.css
Created March 28, 2012 01:55
Selection Fail
/*
Selection Fail
*/
*::-moz-selection {
background: red;
color: white;
}
html {
background: #f06;
@MichaelArestad
MichaelArestad / dabblet.css
Created April 4, 2012 00:01
Relative Position Animation Test
/**
Relative Position Animation Test
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#absolute {
width: 100%;
@MichaelArestad
MichaelArestad / dabblet.css
Created April 4, 2012 00:04
Visibility Animation Test
/**
Visibility Animation Test
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#absolute {
width: 100%;
@MichaelArestad
MichaelArestad / dabblet.css
Created April 4, 2012 00:08
font-size, line-height, and letter-spacing Animation Test
/**
font-size, line-height, and letter-spacing Animation Test
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#absolute {
width: 100%;
@MichaelArestad
MichaelArestad / dabblet.css
Created April 4, 2012 00:13
font-weight Animation Test
/**
font-weight Animation Test
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#absolute {
width: 100%;
@MichaelArestad
MichaelArestad / dabblet.css
Created April 4, 2012 00:20
Absolute Position Animation Test
/**
Absolute Position Animation Test
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#absolute {
@MichaelArestad
MichaelArestad / dabblet.css
Created April 13, 2012 14:56
The glass is half something
/* The glass is half something */
.glass {
position: relative;
border: 1px solid grey;
width: 200px;
height: 380px;
margin: 50px auto;
}
.glass > .water {