Mearman

A collection of snippets

addyosmani

{
    "name": "my-app",
    "version": "1.0.0",
    "description": "My test app",
    "main": "src/js/index.js",
    "scripts": {
        "jshint:dist": "jshint src/js/*.js",
        "jshint": "npm run jshint:dist",
        "jscs": "jscs src/*.js",
        "browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js",

clineamb

/*
 * Nunjucks + Express 
 * I couldn't find anything that helped me setup the enviornment
 * correctly for these in the latest vesion of Express 4 (at the time
 * of writing this).
 * 
 * This Gist for those that want to keep using Nunjucks with Express 4.
 * This also goes over working with a Nunjucks environment to use custom
 * filters, extensions, etc.
 *

branneman

/**
 * Set the breakpoints as a font-family and pseudo element.
 *  This way JavaScript can read the current active breakpoint.
 */
head {
    font-family: 'no-breakpoint';
}
body:after {
    display: none;
    content: 'no-breakpoint';

jackie

{
  "phone"  : "all and (max-width: 603px)",
  "desktop": "all and (min-width: 1025px)",
  "tablet" : "all and (min-width: 604px) and (max-width: 1024px)"
}

robatron

/** JavaScript Module Pattern Example with "Passive Attachment"
*/
(function(
    win,
    doc,
    $,
    a,
    b
){
    // "Passively attach" your new module to global through your namespace, 

zenorocha

(function() {
    
    var script,
        scripts = document.getElementsByTagName('script')[0];
        
    function load(url) {
      script = document.createElement('script');
      script.async = true;
      script.src = url;
      scripts.parentNode.insertBefore(script, scripts);

matteoagosti

Meteor.subscribe(
  'server_sessions',
  amplify.store('session'), // Read from local storage / cookies
  function() {    
    // The server returns only one record, so findOne will return that record
    var serverSession = new Meteor.Collection('server_sessions').findOne();
    // Stores into client session all data contained in server session;
    // supports reactivity when server changes the serverSession
    Session.set('serverSession', serverSession);
    // Stores the server session id into local storage / cookies

jonathanmoore

Share Counts

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.

Twitter