Skip to content

Instantly share code, notes, and snippets.

View teetteet's full-sized avatar

etowner teetteet

36 followers · 64 following
View GitHub Profile
@teetteet
teetteet / dabblet.css
Created September 13, 2013 15:00
Japanese cube pattern
/* Japanese cube pattern */
background-color:#67c94a;
background-image: linear-gradient(60deg, #1a3511 12%, transparent 12.5%, transparent 87%, #1a3511 87.5%, #1a3511 ),
linear-gradient(-60deg, #1a3511 12%, transparent 12.5%, transparent 87%, #1a3511 87.5%, #1a3511 ),
linear-gradient(60deg, #1a3511 12%, transparent 12.5%, transparent 87%, #1a3511 87.5%, #1a3511 ),
linear-gradient(-60deg, #1a3511 12%, transparent 12.5%, transparent 87%, #1a3511 87.5%, #1a3511 ),
linear-gradient(30deg, #3e8329 25%, transparent 25.5%, transparent 75%, #3e8329 75%, #3e8329 ),
linear-gradient(30deg, #3e8329 25%, transparent 25.5%, transparent 75%, #3e8329 75%, #3e8329 );
background-size:80px 140px;
@teetteet
teetteet / dabblet.css
Created September 13, 2013 11:52 — forked from KrofDrakula/dabblet.css
Untitled
body { font-size: 120%; }
td, th { font: inherit; }
td { padding: 0.2em 0.5em; border: 1px solid black; }
@media screen and (max-width: 240px) {
table, tbody, tr, td { display: block; }
tr:nth-child(2n) { background: #ccc; }
}
@teetteet
teetteet / dabblet.css
Created September 13, 2013 11:52 — forked from anonymous/dabblet.css
Untitled
body {
background:
linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px,
linear-gradient(45deg, #92baac 45px, transparent 45px,transparent 91px, #e1ebbd 91px, #e1ebbd 135px, transparent 135px),
linear-gradient(-45deg, #92baac 23px, transparent 23px, transparent 68px,#92baac 68px,#92baac 113px,transparent 113px,transparent 158px,#92baac 158px);
background-color:#e1ebbd;
background-size: 128px 128px;
}
@teetteet
teetteet / dabblet.css
Created September 13, 2013 11:50
Pure CSS Real Spinning Square Antiprism
/**
* Pure CSS Real Spinning Square Antiprism
* http://en.wikipedia.org/wiki/Square_antiprism
* get triangular faces using this method http://dabblet.com/gist/3805071
*
* Related
* -------
* Pure CSS Real Spinning Truncated Cube http://dabblet.com/gist/4543683
* Pure CSS Real Spinning Octahedron http://dabblet.com/gist/4540517
* Pure CSS Real Spinning Cuboctahedron http://dabblet.com/gist/4548435
@teetteet
teetteet / dabblet.css
Created September 13, 2013 11:50 — forked from anonymous/dabblet.css
Pure CSS Real Spinning Square Antiprism
/**
* Pure CSS Real Spinning Square Antiprism
* http://en.wikipedia.org/wiki/Square_antiprism
* get triangular faces using this method http://dabblet.com/gist/3805071
*
* Related
* -------
* Pure CSS Real Spinning Truncated Cube http://dabblet.com/gist/4543683
* Pure CSS Real Spinning Octahedron http://dabblet.com/gist/4540517
* Pure CSS Real Spinning Cuboctahedron http://dabblet.com/gist/4548435
@teetteet
teetteet / _.md
Created February 11, 2013 01:19
simple globe canvas
@teetteet
teetteet / HTMLbuilder
Last active December 12, 2015 08:59
// forked from holydesign's "Mootools Core Loaded" http://jsdo.it/holydesign/6ohA
// Load Mootools
google.load("mootools", "1.2.4", {uncompressed:true});
google.setOnLoadCallback(function() {
(function($,$$) {
this.Builder = new Class({
Implements: [Options],
@teetteet
teetteet / index.html
Created December 27, 2012 03:12
A CodePen by goker cebeci. ESCAPE IT! - char to escapechar with JavaScript
<h1>escape it!</h1>
<input name="char" value="ğ" />
<code id="escaped">%u011F</code>
@teetteet
teetteet / index.html
Created December 27, 2012 03:12
A CodePen by goker cebeci. ESCAPE IT! - char to escapechar with JavaScript
<h1>escape it!</h1>
<input name="char" value="ğ" />
<code id="escaped">%u011F</code>
@teetteet
teetteet / index.html
Created November 11, 2012 04:25
A CodePen by toto . Zen-Painting - Not sure if I am abusing codepen. I use bit.ly to shorten the url which is used for storing the drawing data... Only 2048(not 2083) characters url limit. I also use some simple way to compress the data.- press the redr
<div id="wrapper">
<canvas id="canvas"></canvas>
</div>
<div id="blocker"></div>
<div id="image-container" class="black-overlay">
<div class="image-wrapper">
<img id="image" class="interactive"/>
<span class="close-btn">+</span>
</div>
<div class="text interactive"><input id="transparency-checkbox" type="checkbox" class="interactive" checked/>Use transparent background</div>