NOTE I now use the conventions detailed in the SUIT framework
Used to provide structural templates.
Pattern
t-template-name
| /** | |
| * Utility lib for setting/unsetting JavaScript breakpoints | |
| * | |
| * Usage: | |
| * breakpoint.set('globalMethodName'); | |
| * breakpoint.unset('globalMethodName'); | |
| * | |
| * breakpoint.set('namespacedMethodName', namespaceObject); | |
| * breakpoint.unset('namespacedMethodName', namespaceObject); | |
| */ |
| var unicode = { | |
| escape: function(s) { | |
| return s.replace(/^[-~]|\\/g, function(m) { | |
| var code = m.charCodeAt(0); | |
| return '\\u' + ((code < 0x10) ? '000' : ((code < 0x100) ? '00' : ((code < 0x1000) ? '0' : ''))) + code.toString(16); | |
| }); | |
| }, | |
| unescape : function (s) { | |
| return s.replace(/\\u([a-fA-F0-9]{4})/g, function(matched, g1) { | |
| return String.fromCharCode(parseInt(g1, 16)) |
| #!/bin/bash | |
| ## v1.0.6 | |
| ## this script will gernerate css stats | |
| ### example output | |
| # CSS STATS | |
| # ---------- | |
| # Floats: 132 |
NOTE I now use the conventions detailed in the SUIT framework
Used to provide structural templates.
Pattern
t-template-name
| <!DOCTYPE html> | |
| <html<?php print $html_attributes; ?>> | |
| <head> | |
| <?php print $head; ?> | |
| <title><?php print $head_title; ?></title> | |
| <?php print $styles; ?> | |
| <?php print $head_scripts; ?> | |
| </head> | |
| <body<?php print $body_attributes;?>> |
| /** | |
| * I converted the SCSS mixin to LESS for the awesome coders like myself in response to a blog post on 37Signals - http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss | |
| * | |
| * Update: 2014-08-04 - Updated a long-standing bug where retina images were shown no matter what in the first background-image property. | |
| * - Updated retina media query to be more reliable () | |
| * Update: 2013-11-13 - Picked up another technique thanks to reading this post from Tyler Tate, auto-fill in the second filename for the retina image, http://tylertate.com/blog/2013/06/11/retina-images-using-media-queries-and-LESS-CSS.html | |
| * Update: 2013-04-16 - Have recently found a few use cases when using a retina pattern from Subtle Patterns on the <body>, this has come in handy | |
| * Update: 2013-04-05 - Some research in the Wordpress Core(http://core.trac.wordpress.org/ticket/22238#comment:5) was pointed out that some tests may be redundant (Thanks @kbav) so I've cleaned these up | |
| * Update: 2012-12-29 - U |
stopBefore(document, 'getElementById')
stopBefore('document.getElementById') // the same as the previous
stopBefore(Element.prototype, 'removeChild')| <script type="text/javascript"> | |
| (function () { | |
| "use strict"; | |
| // once cached, the css file is stored on the client forever unless | |
| // the URL below is changed. Any change will invalidate the cache | |
| var css_href = './index_files/web-fonts.css'; | |
| // a simple event handler wrapper | |
| function on(el, ev, callback) { | |
| if (el.addEventListener) { | |
| el.addEventListener(ev, callback, false); |