| /** | |
| * Pauses the tests execution until the named event is notified on the given | |
| * element, or a timeout is reached. | |
| * | |
| * @param event | |
| * @param onElement | |
| * @param timeout | |
| */ | |
| var waitsForEvent = function(event, onElement, timeout) { |
| app = window.app || {}; | |
| (function(exports) { | |
| var importedStuff = app.anotherModule.something; | |
| exports.method = function() {}; | |
| })(app.module = {}); |
| addAllFoo:sta kun kutsutaan, niin this.somProperty.doSOmething() feilaa, koska "window" -objektilla ei ole propertya "someProperty" |
| // lib/google-maps-loader.js | |
| define({ | |
| load: function(name, require, load, config) { | |
| var callback = 'maps_loader_' + new Date().getTime(); | |
| window[callback] = function() { | |
| load(window.google); | |
| }; |
Source: http://www.youtube.com/playlist?list=PLAIXSzgkhDs7gu24tYyS432v4AGZwPc8I&feature=plcp
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Frontend/UX friendship without limits scratchpad</title> | |
| <meta charset="utf-8"> | |
| <!-- Include Twitter Bootstrap CSS --> | |
| <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.min.css" rel="stylesheet"> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Frontend/UX friendship without limits scratchpad</title> | |
| <meta charset="utf-8"> | |
| <!-- Include Twitter Bootstrap CSS --> | |
| <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.min.css" rel="stylesheet"> |
| #!/bin/bash | |
| # Generates a "label image" for each JPEG matching INPUT_GLOB, writing them to OUTPUT_DIR. | |
| # The labels contain the (possibly adjusted) timestamp of the EXIF tag of the input image. | |
| # As the backgrounds are transparent, they can be overlaid on a timelapse, for example. | |
| # Requires: exiftool imagemagick | |
| INPUT_GLOB="*.JPG" | |
| OUTPUT_DIR="labels" |
| /** | |
| * Simple utility for unified logging to the console, with optional timestamping. | |
| * | |
| * @example // Create several loggers around the application: | |
| * var log = logger.create('main'); | |
| * var logInAnotherModule = logger.create('anotherModule'); | |
| * | |
| * // Call the created loggers: | |
| * log('Application started'); | |
| * logInAnotherModule('Module started'); |
⇐ back to the gist-blog at jrw.fi
Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.
I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.
This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso