Graphic via State of Florida CFO Vendor Payment Search (flair.myfloridacfo.com)
This is a quick command I use to snapshot webpages that have a fun image I want to keep for my own collection of WTFViz. Why not just right-click and save the image? Oftentimes, the webpage in which the image is embedded contains necessary context, such as captions and links to important documentation just incase you forget what exactly that fun graphic was trying to explain.
| // Save to: `robyn/tasks/model.js` | |
| // Run with: `grunt model:NameofModel` | |
| module.exports = function (grunt) { | |
| var requirejs = require('requirejs'), | |
| fs = require("fs"), | |
| wrench = require("wrench"), | |
| path = require("path"), | |
| scope = path.join("project", "static", "js"), |
I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.
If you want to roll up all of these into a single jQuery plugin check out Sharrre
Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.
| // Jordan Dobson's Loading Indicator | |
| // Development, design, HTML and CSS by Jordan Dobson | |
| // http://jordandobson.tumblr.com/post/905003090/resizable-animated-loading-indicator | |
| // Loader width/height | |
| $spin-size: 40px !default; | |
| // Pick a color and set the alpha value to 1 | |
| $spin-color: #fff !default; |
