Mehmet Kose mehmetkose

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

What

A lot of times you are developing a web application on your own laptop or home computer and would like to demo it to the public. Most of those times you are behind a router/firewall and you don't have a public IP address. Instead of configuring routers (often not possible), this solution gives you a public URL that's reverse tunnelled via ssh to your laptop.

Because of the relaxation of the sshd setup, it's best used on a dedicated virtual machine just for this (an Amazon micro instance for example).

	# -- coding: utf-8 --
	import asyncio
	import re

	import asyncio_redis
	import tornado.concurrent
	import tornado.httpclient
	import tornado.web
	import tornado.platform.asyncio

	<?php
	//Exit if accessed directly
	if ( ! defined( 'ABSPATH' ) ) {
	exit;
	}

	function dwwp_register_post_type() {

	$singular = 'Job';
	$plural = 'Jobs';

	import asyncio

	import tornado.concurrent
	import tornado.ioloop
	import tornado.web
	import tornado.platform.asyncio
	import tornado.httpclient

	class ReqHandler(tornado.web.RequestHandler):
	async def get(self):

	// SHARE COUNT

	$.getJSON("https://graph.facebook.com/fql?q=SELECT like_count FROM link_stat WHERE url=" + encodeURIComponent('"' + Screenshot.Meta.full_url + '"') + " &callback=?", function(t) {
	t.data[0] && $("#share-button-fb .shot-social-count").html(shorterTotal(t.data[0].like_count))
	})

	$.getJSON("http://cdn.api.twitter.com/1/urls/count.json?url=" + encodeURIComponent(Screenshot.Meta.full_url) + "&callback=?", function(t) {
	t.count && $("#share-button-twitter .shot-social-count").html(shorterTotal(t.count))
	})

	<html>
	<head>
	<title>WebSocket demo</title>
	</head>
	<body>

	<div>
	<form>
	<label for="numberfield">Number</label>
	<input type="text" id="numberfield" placeholder="12"/><br />

	import hashlib, hmac, mimetypes, os, time

	from base64 import b64encode, b64decode
	from calendar import timegm
	from datetime import datetime
	from email.utils import formatdate
	from urllib import quote

	from tornado.gen import coroutine, Return
	from tornado.httpclient import AsyncHTTPClient, HTTPError

	def log_exception(view_func):
	""" log exception decorator for a view,
	"""
	def _decorator(self, args, *kwargs):
	try:
	response = view_func(self, args, *kwargs)
	except:
	if self.settings['debug']:
	raise
	tb = traceback.format_exc()