axemclion

// ==UserScript==
// @name Feedly - Open entry in background
// @description Adds 'h' as a hotkey to open selected entry in background tab
// @namespace userscripts.org/users/Lyk
// @author Lyk
// @include http://feedly.com/*
// @include https://feedly.com/*
// @include http://*.feedly.com/*
// @include https://*.feedly.com/*
// @grant GM_openInTab

axemclion

/*
This is a command to linkify the selected text with search results in Google
Particularily useful to insert links while blogging
*/
CmdUtils.CreateCommand(
{
    name: ["linkify"],
    icon: "http://axemclion.github.com/favicon.ico",
    author:
    {

axemclion

#browser-perf results

Performance Comparison between old and new versions of HTML5rocks

Using the browser-perf tool, a test suite similar to Chromium-telemetry on the old and new versions of html5rocks was run.

Test Environment

Page: http://www.html5rocks.com/en/tutorials/speed/animated-gifs/ Page versions: New Commit against Old Commit Browser: Chrome 31

axemclion

axemclion

(function(global) {
global.__DEV__=true;

global.__BUNDLE_START_TIME__=Date.now();
})(typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : this);
(function(global) {

axemclion

////////////////////////////////////////////////////////////////////////////////////////////////////
			
			var openReqShim = function(dbName, version){
				var me = this;
				var IDBRequest = function(){
					this.onsuccess = this.onerror = this.onblocked = this.onupgradeneeded = null;
				};
				
				function copyReq(req){
					req = req || dbOpenReq;

axemclion

const EventPluginRegistry = require('react/lib/EventPluginRegistry');
import ReactNativeEventEmitter from 'react/lib/ReactNativeEventEmitter';

export default class Plugin {
    extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
        if (!nativeEvent.isMirrored) {
            // TODO send this to a socket server so that it is propogated to other servers
            console.log('MirrorEventPlugin:', topLevelType, targetInst, nativeEvent, nativeEventTarget);
            nativeEvent.isMirrored = true;
            

axemclion

Modern web applications are awesome. And complicated. The Javascript libraries that power them today do a lot of work to abstract out the hard parts. Whether using constructs like Virtual DOM, or fancy change detection algorithms, the amount of work that the Javascript library does is only increasing.

Unfortunately, all this work now competes for the same resources that the browser needs, to do things like render a page, or apply styles. In many cases, this makes the browser slow, preventing the web application from attaining its full, smooth experience.

Web workers have been in the browser for a while, but they have mostly been used for engaging demos like adding mustaches in a cat video :)

In this talk, we will explore how mainstream Javascript libraries like React or Angular use Web Workers to get great performance. We will look at quantitative numbers from hundreds of test runs that conclusively show how Web Workers can make apps faster. Finally, we will also look at practical examples to convert exi

axemclion

var start, results = [];
var ITERATIONS = 100;
var addButton = document.querySelectorAll('.btn.btn-primary')[0];
var addItem = function() {
    if (results.length < ITERATIONS) {
        start = performance.now();
        addButton.click();
    } else {
        console.log('Testing done, average is %s milliseconds, all data is', results.reduce(function(a, b) {
            return a + b;

axemclion

'use strict';

var React = require('react-native');
var {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    NativeModules,
    TouchableHighlight,