st44100 st44100

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

Got a repo for this now: https://github.com/ErikAndreas/pjax-ractivejs

Start from/change/extend https://github.com/thybag/PJAX-Standalone with

CommonJS format and Browserify
Q around Superagent for XHR Promises
No need to support more than data-pjax equivalent attribute
Same Ractive templates on client as well as server (Ractive is isomorphic)
Use Ractive for rendering of client side instead of PJAX "standard" of returning/render full html (also, page title element in response is hideous) and just return data (json) from server, kind of what twitter seem to be doing

Tinder API documentation

Note: this was written in April/May 2014 and the API may has definitely changed since. I have nothing to do with Tinder, nor its API, and I do not offer any support for anything you may build on top of this. Proceed with caution

http://rsty.org/

I've sniffed most of the Tinder API to see how it works. You can use this to create bots (etc) very trivially. Some example python bot code is here -> https://gist.github.com/rtt/5a2e0cfa638c938cca59 (horribly quick and dirty, you've been warned!)

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

フロントエンドを楽にするために

Qiitaを支えたい技術 at 時雨祭

About

HN: mizchi
Qiitaの方からきました(入社半年たったらしい)
Reactオジサンはそろそろ飽きてきた
Angularに興味が無いのでこっちにきた

	#!nginx -p . -c cocproxy.nginx.conf

	error_log /dev/stderr debug;
	daemon off;

	events {
	worker_connections 48;
	}

	http {

	<?xml version="1.0" encoding="utf-8"?>
	<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@android:id/tabhost"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent">

	<LinearLayout
	android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"

	// Based on https://github.com/jaubourg/ajaxHooks/blob/master/src/ajax/xdr.js

	(function( jQuery ) {

	if ( window.XDomainRequest && !jQuery.support.cors ) {
	jQuery.ajaxTransport(function( s ) {
	if ( s.crossDomain && s.async ) {
	if ( s.timeout ) {
	s.xdrTimeout = s.timeout;
	delete s.timeout;

	https = require 'https'
	async = require 'async'

	global = {
	url: 'https://api.amebaowndme.com/v2/public/blogPosts?limit=200&page=&siteId=11014&sortType=recent'
	}

	requestURL = (callback) =>
	req = https.get global.url, (res) ->
	@res = ""