| define(['dependency'], function(Dependency) | |
| { | |
| console.log("Dependency loaded", Dependency); | |
| }); |
This is an example command for Backtick. A Backtick command consists of some executable JavaScript and a bit of metadata in JSON.
Here are the required steps to create a command:
Create a new Gist with a command.js and command.json file, or simply fork this one.
Write your JavaScript in command.js. This will be injected into and executed on the page the user is currently on when they run it.
Add some metadata to the command.json file:
| //detects whether the app is running on an iOS device, then whether the version of iOS is 7 or greater. | |
| //If so, margin-top workaround is applied. | |
| //it is safe to place anywhere in the <body>. | |
| //if your application uses a fixed header this fix will not work | |
| var updateStatusBar = navigator.userAgent.match(/iphone|ipad|ipod/i) && | |
| parseInt(navigator.appVersion.match(/OS (\d)/)[1], 10) >= 7; | |
| if (updateStatusBar) { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://github.hubspot.com/offline/offline.min.js"></script> | |
| <script src="http://github.hubspot.com/offline/js/snake.js"></script> | |
| <link rel="stylesheet" href="http://github.hubspot.com/offline/themes/offline-theme-chrome.css" /> | |
| <script> | |
| Offline.options = { |
| module.exports = function(grunt) { | |
| // configure the tasks | |
| grunt.initConfig({ | |
| copy: { | |
| build: { | |
| cwd: 'source', | |
| src: [ '**', '!**/*.styl', '!**/*.coffee', '!**/*.jade' ], | |
| dest: 'build', |
If it's not fun, it's not JavaScript.
Programming languages like BASIC, Python, C has boring machine-like nature which requires developers to write extra code that's not directly related to the solution itself. Think about line numbers in BASIC or interfaces, classes and patterns in Java.
On the other hand JavaScript inherits the best traits of pure mathematics, LISP, C# which lead to a great deal of expressiveness (and fun!).
Hello there! This is a sample post for gist.io, a super-lightweight writing soapbox for hackers.
Now look up. Further. Above the post title. See that grey text with the gist ID?
Now back to me. That grey text is a link! Open that sucker in a new tab to see the source for this post. Also, I'm on a horse.
If you peek at it with a web inspector, you'll see that it is a second-level heading. You can use first level headings, but they'll look just like the second level ones, and the gods of the HTML5 outlining algorithm will frown upon you.
| /** | |
| * Track JS error details in Universal Analytics | |
| */ | |
| function trackJavaScriptError(e) { | |
| var errMsg = e.message; | |
| var errSrc = e.filename + ': ' + e.lineno; | |
| ga('send', 'event', 'JavaScript Error', errMsg, errSrc, { 'nonInteraction': 1 }); | |
| } |
| $.ajax({ | |
| url: '/echo/error/', | |
| async: true, | |
| // retryCount and retryLimit will let you retry a determined number of times | |
| retryCount: 0, | |
| retryLimit: 10, | |
| // retryTimeout limits the total time retrying (in milliseconds) | |
| retryTimeout: 10000, | |
| // timeout for each request | |
| timeout: 1000, |
| //two main tasks are 'gulp watch' and 'gulp build' | |
| //dependencies: | |
| var gulp = require('gulp'); | |
| //to use in conjunction with chrome plugin: | |
| livereload = require('gulp-livereload'); | |
| //for css: | |
| sass = require('gulp-sass'); | |
| less = require('gulp-less'); | |
| sourcemaps = require('gulp-sourcemaps'); |