This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // gist.github.com/ryanve/8703402 | |
| // Play only one track at a time. | |
| (function(doc, tags) { | |
| var listen = 'addEventListener', some = tags.some, pause = function(e) { | |
| this !== e && !this.ended && !this.paused && !e.ended && !e.paused && e.pause(); | |
| }; | |
| some && listen in doc && tags.some(function(tag) { | |
| var live = doc.getElementsByTagName(tag), solo = function() { | |
| some.call(live, pause, this); | |
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| alias gitr='git' | |
| alias gti='git' | |
| alias got='git' | |
| alias gut='git' | |
| alias gi='git' | |
| alias g='git' | |
| alias gurnt='grunt' | |
| alias gr='grunt' |
ryanve
/ slideshow.html
Last active
September 8, 2015 05:10
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <title>.slideshow demo</title> | |
| <style> | |
| html { font: normal 1em/1.6 sans-serif; background: pink; } | |
| body { margin: 0; } | |
| </style> | |
| <style> | |
| .slideshow { | |
| text-align: center; | |
| margin: 0; |
ryanve
/ browse.scss
Last active
October 28, 2015 00:32
CSS module for semantic inline [type=file] inputs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .browse { | |
| display: inline; | |
| font-size: inherit; | |
| } | |
| .browse__input { | |
| display: inline-block; | |
| position: absolute; | |
| @include px-rem(padding, .1); | |
| @include px-rem(margin, 0, -.5); |
ryanve
/ self-source.php
Created
March 18, 2013 20:42
Show source of a PHP file its .txt extension if it exists.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| # Show source of this file in .txt extension if it exists | |
| call_user_func(function() { | |
| $txt = __FILE__ . '.txt'; | |
| if ( ! file_exists($txt)) | |
| return; | |
| # update (cache at least 5-min) | |
| if (300 < time() - filemtime($txt)) | |
| file_put_contents($txt, file_get_contents(__FILE__)); |
ryanve
/ untabulate.css
Created
April 25, 2013 05:41
Use .untabulate as a state helper for converting tables to a mobile-friendlier view.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| table.untabulate, | |
| .untabulate table, | |
| .untabulate thead, | |
| .untabulate tbody, | |
| .untabulate tfoot, | |
| .untabulate th, | |
| .untabulate td, | |
| .untabulate tr { display:block; } | |
| .untabulate tr + tr { margin-top:1em; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| namespace demo; | |
| /** | |
| * Get or set data. | |
| * @param mixed $key | |
| * @param mixed $val | |
| * @return mixed | |
| */ | |
| function data($key = null, $val = null) { |
ryanve
/ show-jumps.css
Created
August 12, 2013 15:24
Use this CSS to display the target of jumps in figures. It is designed for use with images wrapped in jump anchors.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| figure[id] > a[href^="#"]:after { | |
| content:attr(href); display:table; | |
| position:relative; top:-1.4em; bottom:-1.4em; | |
| font-weight:bold; text-decoration:none; | |
| line-height:1; padding:.2em; margin-bottom:-1.4em; | |
| background:#fff; color:#222; | |
| } |
ryanve
/ is_page.php
Created
December 27, 2015 23:40
wordpress check if is page or subpage of that page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| $is_page = function($pages) { | |
| global $post; | |
| if (!is_page()) return false; | |
| if (is_page($pages)) return true; | |
| if (empty($post->post_parent)) return false; | |
| $parent = get_post($post->post_parent); | |
| if (!$parent || empty($parent->post_name)) return false; | |
| $slug = $parent->post_name; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ::-webkit-input-placeholder { color:inherit; } | |
| :-moz-placeholder { color:inherit; } /* FF 4-18 */ | |
| ::-moz-placeholder { color:inherit; } /* FF 19+ */ | |
| :-ms-input-placeholder { color:inherit; } /* IE 10+ */ |
OlderNewer