| // These hashes are for algorithmic use cases, such as bucketing in hashtables, where security isn't | |
| // needed and 32 or 64 bits is enough (that is, rare collisions are acceptable). These are way simpler | |
| // than sha1 (and all its deps) or similar, and with a short, clean (base 36 alphanumeric) result. | |
| // A simple, *insecure* 32-bit hash that's short, fast, and has no dependencies. | |
| // Output is always 7 characters. | |
| // Loosely based on the Java version; see | |
| // https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript | |
| const simpleHash = str => { | |
| let hash = 0; |
NOTE I'm trying to find the most optimal fav/touch icon setup for my use-cases. Nothing new here. Read Mathias Bynens' articles on re-shortcut-icon and touch icons, a FAQ or a Cheat Sheet for all the details.
I'd like to hear how you approach this: @valuedstandards or comment on this gist.
You have to include a boatload of link elements pointing to many different images to provide (mobile) devices with a 'favicon' or 'touch icon':
| # | |
| # Working with branches | |
| # | |
| # Get the current branch name (not so useful in itself, but used in | |
| # other aliases) | |
| branch-name = "!git rev-parse --abbrev-ref HEAD" | |
| # Push the current branch to the remote "origin", and set it to track | |
| # the upstream branch | |
| publish = "!git push -u origin $(git branch-name)" |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Design Testing</title> | |
| <style> | |
| body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
| .wrapper { width: 6000px; } | |
| .frame { float: left; } | |
| h2 { margin: 0 0 5px 0; } |
| /* EA Battlelog BF3 misc hacks | |
| * http://benalman.com/ | |
| * Copyright (c) 2011 "Cowboy" Ben Alman; Licensed MIT, GPL */ | |
| // What does it do? | |
| // | |
| // * Auto-retries server join so you don't have to spam the button. | |
| // (close the Game Manager error popup to cancel the auto-join) | |
| // | |
| // What might it do in the future? |
| // See http://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/ | |
| (function(global) { | |
| // Maintain a map of already-encountered types for super-fast lookups. This | |
| // serves the dual purpose of being an object from which to use the function | |
| // Object.prototype.toString for retrieving an object's [[Class]]. | |
| var types = {}; | |
| // Return a useful value based on a passed object's [[Class]] (when possible). | |
| Object.toType = function(obj) { |
| (function($){ | |
| var touch = {}, touchTimeout; | |
| function parentIfText(node){ | |
| return 'tagName' in node ? node : node.parentNode; | |
| } | |
| function swipeDirection(x1, x2, y1, y2){ | |
| var xDelta = Math.abs(x1 - x2), yDelta = Math.abs(y1 - y2); | |
| if (xDelta >= yDelta) { |
| // find out what prefix this browser supports. | |
| // usage: gimmePrefix('transform') // 'WebkitTransform' | |
| // returns false if unsupported. | |
| function gimmePrefix(prop){ | |
| var prefixes = ['Moz','Khtml','Webkit','O','ms'], | |
| elem = document.createElement('div'), | |
| upper = prop.charAt(0).toUpperCase() + prop.slice(1); |
