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 / anchorinclude.js
Created November 9, 2012 16:23 — forked from scottjehl/anchorinclude.js
Anchor-include Pattern
/*
* anchor-include pattern for already-functional links that work as a client-side include
* Copyright 2011, Scott Jehl, scottjehl.com
* Dual licensed under the MIT
* Idea from Scott Gonzalez
* to use, place attributes on an already-functional anchor pointing to content
* that should either replace, or insert before or after that anchor
* after the page has loaded
* Replace: <a href="..." data-replace="articles/latest/fragment">Latest Articles</a>
* Before: <a href="..." data-before="articles/latest/fragment">Latest Articles</a>
@dsmy
dsmy / index.html
Created November 21, 2012 14:46
A CodePen by Simon FREMAUX. Share It - reloaded - Improvement of my previous pen "Share it" - POC of a share button full css and font Inspired by http://dribbble.com/shots/712083-Share-widget?list=popular&offset=7
<h1>Hover they</h1>
<div class="container">
<div class="cell ">
<div class="share-wrapper left">
<div class="rc10 share-action icon-share"></div>
<div class="share-container rc10">
<a class="share-btn tl icon-google-plus" href='#'></a>
@dsmy
dsmy / future_core_login.php
Created December 2, 2012 19:31 — forked from franz-josef-kaiser/future_core_login.php
A WordPress plugin to build an environment to develop a single stylesheet for the login/reg/pass screen in WP 3.1
<?php
/**
* Plugin Name: Future Core Login
* Plugin URI: http://unserkaiser.com
* Description: Replacing the current stylesheets loaded on wp-login.php until this ticket goes into core: <a href="http://core.trac.wordpress.org/ticket/12506">#12506</a>
* Version: 0.1
* Author: Franz Josef Kaiser
* Author URI: http://unserkaiser.com
* License: GPL2
*
@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
@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 / 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 / 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 / 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 / Android-L-Ripple-Effect.markdown
Created August 8, 2014 02:22
A Pen by Dolphin Wood.
@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.