qborreda

<?php

/**
 *  Usage:
 *  Send the url you want to access url encoded in the url paramater, for example (This is with JS): 
 *  /twitter-proxy.php?url='+encodeURIComponent('statuses/user_timeline.json?screen_name=MikeRogers0&count=2')
*/

// The tokens, keys and secrets from the app you created at https://dev.twitter.com/apps
$config = array(

qborreda

    // Disable Context Menu
    document.oncontextmenu = function () {
        return false
    };
    
    // Disable dragging of HTML elements
    document.ondragstart = function () {
        return false
    };
    

qborreda

env = (function() {
  var flags = {}, ua = navigator.userAgent, el = document.createElement('div'), video = document.createElement('video'), audio = document.createElement('audio'), root = document.documentElement, i
  function flag(names) {
    names = names.split(' ')
    for (i = 0; i < names.length; i++)
      flags[names[i]] = true
  }
  function classnames() {
    var names = [], name
    for(name in flags) if (flags.hasOwnProperty(name))

qborreda

// Based on fantastic jQuery useragent parser plugin https://gist.github.com/373298
function parse(uaStr) {
    var agent = {
        platform: {},
        browser: {},
        engine: {}
    };

    var ua = uaStr,
        p = agent.platform,

qborreda

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

qborreda

// Set up HTML hooks without id or extra classes
<button data-action="openLogin">Login</button>
<a href="javascript:;" data-action="openEditor">Link</a>

// Using [data-action=""] selectors instead of class selectors when binding events in JavaScript
var actions = {
    openLogin: openLoginWindow,
    openEditor: function() { ... }
//....
};

qborreda

@mixin setFlexBox($flexType){
	//options are block level or inline
	@if $flexType == 'block'{
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
		display: flexbox;
		display: -webkit-flex;
		display: flex;

qborreda

// Alerts
@include alert-variant($background, $border, $text-color);

// Background Variant
@include bg-variant($parent, $color);

// Border Radius
@include border-top-radius($radius);
@include border-right-radius($radius);
@include border-bottom-radius($radius);

qborreda

//==== Simple SCSS mixin to create CSS triangles
//==== Example: @include css-triangle ("up", 10px, #fff);
@mixin css-triangle ($direction: "down", $size: 20px, $color: #000) {
	width: 0; 
	height: 0;
	border-left: $size solid #{setTriangleColor($direction, "left", $color)};
	border-right: $size solid #{setTriangleColor($direction, "right", $color)};
	border-bottom: $size solid #{setTriangleColor($direction, "bottom", $color)};
	border-top: $size solid #{setTriangleColor($direction, "top", $color)};
}

qborreda

import React, {PropTypes} from 'react';
import classNames from 'classnames';

const ANIMATION_DURATION = 1000;

class BatchDropZone extends React.Component {

    static propTypes = {

        // function that recieves an array of files