| YUI().use("singleton-class", function (Y) { | |
| var instance1 = new Y.SingletonClass(), | |
| instance2 = new Y.SingletonClass(); | |
| Y.log(instance1 === instance2); // true! | |
| window.instance1 = instance1; | |
| }); | |
| YUI().use("singleton-class", function (Y) { |
| /*global YUI*/ | |
| /** | |
| * Prevents iOS from showing the URL bar for cancelled links | |
| * | |
| * @module ios-linkfix | |
| * @requires base-build, event-touch, node-base, node-event-delegate, plugin | |
| */ | |
| YUI.add("ios-linkfix", function (Y, NAME) { | |
| var HREF = "href", | |
| DATA = "data-" + NAME, |
| YUI().use("singleton-class", function (Y) { | |
| var instance1 = new Y.SingletonClass(), | |
| instance2 = new Y.SingletonClass(); | |
| Y.log(instance1 === instance2); // true! | |
| window.instance1 = instance1; | |
| }); | |
| YUI().use("singleton-class", function (Y) { |
Sublime Text 2 ships with a CLI called subl (why not "sublime", go figure). This utility is hidden in the following folder (assuming you installed Sublime in /Applications like normal folk. If this following line opens Sublime Text for you, then bingo, you're ready.
open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl
You can find more (official) details about subl here: http://www.sublimetext.com/docs/2/osx_command_line.html
| Function.prototype.runOnBackgroundThread = function (aCallback) { | |
| var _blob = new Blob(['onmessage = '+this.toString()],{"type":"text/javascript"}); | |
| var _worker = new Worker((webkitURL.createObjectURL || URL.createObjectURL)(_blob)); | |
| _worker.onmessage = aCallback; | |
| _worker.postMessage(); | |
| } | |
| var _test = function () { | |
| postMessage((1+1).toString()); | |
| } |
This is a quick rundown of how and why we use YUI3 grids at App.net
As far as I can tell there are three types of CSS grids: a static-width pre-defined grid, a flexible-width pre-defined grid, and a generative grid. In the first two grids (pre-defined width), you basically decide how many columns you have across the screen, and then create blocks in any multiple of those. This pattern often looks like "span-4", "span-6", "pull-10", "push-5", etc. You find this style in popular frameworks like Bootstrap and Blueprint.
The third way, the generative/recursive grid system, doesn't seem to be as popular as the others. I am not entirely sure why, because the generative grid can pack more punch in less lines. In this vein is there is OOCSS and YUI3 CSS Grids.
| // @Mixin Retina Sprite Sass | |
| // ====================================================== | |
| // This requires two folders full of *.png files, normal and then | |
| // 2x resolution. Please ensure that they have the same number and names | |
| // of files. | |
| // I've written this based off other efforts on the web, but none did | |
| // both background-images and a set of sprites automatically. | |
| // Still very much a work in progress. | |
| // To use see the bottom three lines. |
| /** | |
| * Integration test | |
| */ | |
| (function () { | |
| var YUITest = this.YUITest || require("yuitest"); | |
| YUITest.Node.CLI.XUnit(); | |
| /* | |
| * Assuming requireJS or another AMD loader | |
| * The idea is to have each jQuery.require() call have its own copy of jQuery | |
| * and all loaded modules copied into it, that way each call has its own "sandbox" | |
| */ | |
| (function (require, define) { | |
| /* | |
| * Optionally define a global config | |
| * Configuration is basically tiered into three levels that overwrite each other in this order: |
