Skip to content

Instantly share code, notes, and snippets.

View werm's full-sized avatar

Craig Wermert werm

View GitHub Profile
@werm
werm / dabblet.css
Created December 20, 2011 16:27
Web UI Kit in CSS
/* Web UI Kit in CSS */
body {
background: url('http://f.cl.ly/items/2y0S3r1h3B2h2c3K351y/Tile.png');
}
#container {
width: 300px;
position: relative;
margin: 0 auto;
}
@werm
werm / dabblet.css
Created December 23, 2011 14:40 — forked from chriscoyier/dabblet.css
Click open/close Dropdown in pure CSS
/* Click open/close Dropdown in pure CSS */
/* Disclaimer: Not the most semantic
thing in the universe. */
/* Forked from original idea
http://jsfiddle.net/paullferguson/Sv54G/3/ */
.tabs {
position: relative;
@werm
werm / dabblet.css
Created December 24, 2011 15:21
To the moon!
/* To the moon! */
body { background: #333; }
.moon {
position: absolute;
left: 140px;
width: 157px;
height: 157px;
border-radius: 200px;
@werm
werm / dabblet.css
Created June 22, 2012 15:04 — forked from LeaVerou/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@werm
werm / index.html
Created July 5, 2012 15:38
Sidebar Menu (use for docs)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Arrowed sidebar menu &middot; CodePen</title>
<style>
body {
background: #fefefe;
@werm
werm / index.html
Created July 6, 2012 10:24
A web page created at CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Slideout Sidebar &middot; CodePen</title>
<style>
@werm
werm / gist:4175919
Created November 30, 2012 14:05
Github Gist Shortcode
<?php
// [gist id="ID" file="FILE"]
function gist_shortcode($atts) {
return sprintf(
'<script src="https://gist.github.com/%s.js%s"></script>',
$atts['id'],
$atts['file'] ? '?file=' . $atts['file'] : ''
);
} add_shortcode('gist','gist_shortcode');
@werm
werm / gist:4176456
Created November 30, 2012 15:33
Check if an element exists
if ($("#elementid").length) {
//it does!
}
@werm
werm / file1.php
Created December 3, 2012 17:42
Category Title in POst
<?php the_category(', '); ?>
@werm
werm / index.html
Created December 3, 2012 18:11
A CodePen by Craig Wermert. Windows phone loading animation - Just keeping this here for reference. Blatantly ripped off from here: http://thecodeplayer.com/walkthrough/windows-phone-loading-animation
<span>Loading</span>
<span class="l-1"></span>
<span class="l-2"></span>
<span class="l-3"></span>
<span class="l-4"></span>
<span class="l-5"></span>
<span class="l-6"></span>