Skip to content

Instantly share code, notes, and snippets.

View dsmy's full-sized avatar

David Yarde dsmy

8 followers · 14 following
View GitHub Profile
@dsmy
dsmy / Angular.js---Load-data-from-API.markdown
Created August 8, 2014 02:25
A Pen by Joe Watkins.
@dsmy
dsmy / Submit-button.markdown
Created August 8, 2014 02:24
A Pen by Martin Machýček.
@dsmy
dsmy / Instagram.markdown
Created August 8, 2014 02:24
A Pen by White Wolf Wizard.
@dsmy
dsmy / Responsive-break-out-of-parent-element.markdown
Created August 8, 2014 02:23
A Pen by jakob-e.

Responsive break out of parent element

Please comment :-)

Note! Because of the iframe on codepen this page might not show correctly unless in debug view.

A Pen by jakob-e on CodePen.

License.

@dsmy
dsmy / Android-L-Ripple-Effect.markdown
Created August 8, 2014 02:22
A Pen by Dolphin Wood.
@dsmy
dsmy / Medium.com style header effect
Last active August 29, 2015 14:05
A Pen by dsmy.
Medium.com style header effect
------------------------------
Forked from [Chrysto](http://codepen.io/bassta/)'s Pen [Medium.com style header effect](http://codepen.io/bassta/pen/iIskw/).
Resolved issue where content section needed a fixed height to allow for random content lengths.
A [Pen](http://codepen.io/dsmy/pen/ajKdx) by [dsmy](http://codepen.io/dsmy) on [CodePen](http://codepen.io/).
@dsmy
dsmy / index.html
Created May 29, 2013 16:54
A CodePen by Glen Cheney. Google Music Equalizer - A pure CSS version of Google Music's equalizer gif.
<div class="center-me">
<div class="equalizer"></div>
</div>
@dsmy
dsmy / index.html
Created May 29, 2013 16:51
A CodePen by dsmy. Excerpt Peek - A simple hover effect to reveal a content summary or post excerpt beneath a featured article image. 3 different hover effects demonstrated: static, drop down and slide in. http://codepen.io/plfstr/pen/Kyslk
<h1>Excerpt Peek</h1>
<p>A simple hover effect to reveal a post excerpt or content summary. 3 different effects shown: static, drop down and slide in.</p>
<div class="peekblock">
<a href="#"><img class="peekbehind" src="http://placehold.it/240x150" alt="Placeholder" /></a>
<h3 class="title">Basic peek effect</h3>
<p class="snippet">Lorem ipsum dolor sit amet, eiusmod tempor incididunt consectetur adipisicing elita.</p>
</div>
<div class="peekblock droptext">
@dsmy
dsmy / darkNight.html
Created January 4, 2013 20:53
PURE CSS3 BATMAN LOGO -webkit- CSS3 ANIMATED FLYING http://codepen.io/ewe/pen/frEum
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3 Batman Logo Animated Wings</title>
<link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>Pure CSS3 Batman Logo</h1>
@dsmy
dsmy / wp-chosen-tax-metabox.php
Created December 27, 2012 03:41 — forked from helen/wp-chosen-tax-metabox.php
<?php
/**
* WordPress Chosen Taxonomy Metabox
* Author: Helen Hou-Sandi
*
* Use Chosen for a replacement taxonomy metabox in WordPress
* Useful for taxonomies that aren't changed much on the fly and are
* non-hierarchical in nature, as Chosen is for flat selection only.
* You can always use the taxonomy admin screen to add/edit taxonomy terms.
* Categories need slightly different treatment from the rest in order to