a gist to recap the current status, also available as library picker!
do one thing only and do it well
Sarah Lim, Northwestern University
Update, September 2019: This Gist detailed an early idea which formed the basis for a major research project. For more information, you can read the resulting full paper, which received Best Paper Honorable Mention at UIST 2018. A tool based on this research is now available on Firefox Nightly.
Hidden dependencies between CSS properties are a common source of beginner confusion. For instance, a user might write the following code in order to vertically align some text within a <div>:
| /** | |
| * Use Croppie for a simple image cropping. | |
| * @see https://github.com/Foliotek/Croppie | |
| * @example | |
| * <lh-croppie src="cropped.source" ng-model="cropped.image"></lh-croppie> | |
| */ | |
| angular.module('lingohubApp').directive('lhCroppie', function () { | |
| return { | |
| restrict: 'E', | |
| scope: { |
| 'use strict'; | |
| module.exports = function CustomError(message, extra) { | |
| Error.captureStackTrace(this, this.constructor); | |
| this.name = this.constructor.name; | |
| this.message = message; | |
| this.extra = extra; | |
| }; | |
| require('util').inherits(module.exports, Error); |
| function SomeConstructor (request, npm, monk) { | |
| // do something with the injected node modules | |
| } | |
| var instance = require('./injector')(SomeConstructor) // create a new instance with dependencies injected |
Author: Casey Duncan @iamnotcasey
This Javascript constructor with inheritance pattern is designed as a lightweight alternative to other methods I've seen while still providing a nice abstraction as a 13 line function that can be easily inlined into your code.
| // deparam | |
| // | |
| // Inverse of $.param() | |
| // | |
| // Taken from jquery-bbq by Ben Alman | |
| // https://github.com/cowboy/jquery-bbq/blob/master/jquery.ba-bbq.js | |
| var isArray = Array.isArray || function(obj) { | |
| return Object.prototype.toString.call(obj) == '[object Array]'; | |
| }; |
| 'use strict'; | |
| // Add ECMA262-5 method binding if not supported natively | |
| // | |
| if (!('bind' in Function.prototype)) { | |
| Function.prototype.bind= function(owner) { | |
| var that= this; | |
| if (arguments.length<=1) { | |
| return function() { | |
| return that.apply(owner, arguments); |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
| Version 2, December 2004 | |
| Copyright (C) 2011 Timo Kissing http://kissing.name | |
| Everyone is permitted to copy and distribute verbatim or modified | |
| copies of this license document, and changing it is allowed as long | |
| as the name is changed. | |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |
| /* Extend the Underscore object with the following methods */ | |
| // Rate limit ensures a function is never called more than every [rate]ms | |
| // Unlike underscore's _.throttle function, function calls are queued so that | |
| // requests are never lost and simply deferred until some other time | |
| // | |
| // Parameters | |
| // * func - function to rate limit | |
| // * rate - minimum time to wait between function calls | |
| // * async - if async is true, we won't wait (rate) for the function to complete before queueing the next request |