Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<!-- Helpful things to keep in your <head/>
// Brian Blakely, 360i
// http://twitter.com/brianblakely/
-->
<head>
<!-- According to Heather Champ, former community manager at flickr,
you should not allow search engines to index your "Contact Us"
@sthembi
sthembi / jQuery.collapsible.js
Created April 28, 2011 04:07 — forked from jrochkind/jQuery.collapsible.js
modified collapsible.js
/**
* --------------------------------------------------------------------
* jQuery collapsible plugin
* Author: Scott Jehl, [email protected]
* Copyright (c) 2009 Filament Group
* licensed under MIT (filamentgroup.com/examples/mit-license.txt)
* --------------------------------------------------------------------
*
* See: http://dwpe.googlecode.com
* http://filamentgroup.com/lab/expand_and_collapse_content_accessibly_with_progressive_enhancement_jquery/
@sthembi
sthembi / readme
Created September 22, 2011 14:41
Open links and Popups in a new window - with jQuery
// ----------------------------------------------------------------------------
// links and popups
// ----------------------------------------------------------------------------
// open external links in a new window ("target" is not valid XHTML strict)
function externallinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
@sthembi
sthembi / mediaqueryreport.css
Created December 6, 2011 09:16
media query reporter
/* ======================================
 
    MediaQuery-Reporter Styles
 
========================================= */
 
body:after {
    content: "less than 320px";
    font-size: 300%;
    font-weight: bold;
/* This is a linear gradient that will go from:
very light grey (#EEE) at the top,
to medium grey (#BBB) at the bottom
*/
.grey_gradient {
/* Graceful fallback for unsupported browsers */
background: #ccc;
/* Firefox 3.6+ */
background-image: -moz-linear-gradient(top, #eee, #bbb);
/* Webkit (Safari 4+, Chrome) */
@sthembi
sthembi / dabblet.css
Created December 16, 2011 21:49
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
@sthembi
sthembi / fiddle.css
Created December 21, 2011 02:31 — forked from zalun/fiddle.css
jsFiddle template
body {
font-family: Helvetica, Verdana
}
p {
padding: 7px 10px;
}
#demo {
border: 1px solid #999;
}
@sthembi
sthembi / dabblet.css
Created March 30, 2012 05:56
example center blocks with display: inline block
/* example center blocks with display: inline block*/
#gallery-container {
width:900px;
border:1px solid red;
height:105px;
margin:0 auto
}
.thumb {
width:220px;
@sthembi
sthembi / example.php
Created August 31, 2012 11:48 — forked from jonathonbyrdziak/example.php
Wordpress Metabox, stand alone class for multiple metabox abilities
<?php
/*
Here's a couple of metaboxes that I've recently created using this system
*/
$subpostings = redrokk_metabox_class::getInstance('subpostings', array(
'title' => '(optional) Subscription for Postings',
'description' => "As an optional feature, you have a complete api at your disposal which will allow you the ability to offer and manage member posts. In addition to these settings, you may need to create the associated pages for accepting posts from your frontend.",
@sthembi
sthembi / dabblet.css
Created October 20, 2012 16:02 — forked from anonymous/dabblet.css
CSS3 borders and box-shadow experiment
/**
* CSS3 borders and box-shadow experiment
*/
body {
/*background: #f06;
background: linear-gradient(45deg, #f06, yellow);*/
min-height: 100%;
}
button {margin:40px;}