Max Thorson mstllc

#Mac OS X

Apps

How to make faster scroll effects?

Avoid too many reflows (the browser to recalculate everything)
Use advanced CSS3 for graphic card rendering
Precalculate sizes and positions

Beware of reflows

The reflow appens as many times as there are frames per seconds. It recalculate all positions that change in order to diplay them. Basically, when you scroll you execute a function where you move things between two reflows. But there are functions that triggers reflows such as jQuery offset, scroll... So there are two things to take care about when you dynamically change objects in javascript to avoid too many reflows:

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.

Building node-serialport for Electron on Windows

These instruction are for Windows, on my Linux installation(Fedora 21) everything works by just installing serialport with npm (I don't know why!).

These are the steps I did to build node serialport for electron (formerly atom-shell) for Windows. I am completely certain there is a better way to do it, but since I struggled with it for quite a while, here is a solution anyway.

You need some version of Visual studio installed, I have VS 2012 Express for Desktop.

Things I believe

This is a collection of the things I believe about software development. I have worked for years building backend and data processing systems, so read the below within that context.

Agree? Disagree? Feel free to let me know at @JanStette.

Fundamentals

Keep it simple, stupid. You ain't gonna need it.

	/*
	* This work is free. You can redistribute it and/or modify it under the
	* terms of the Do What The Fuck You Want To Public License, Version 2,
	* as published by Sam Hocevar. See the COPYING file for more details.
	*/
	/*
	* Easing Functions - inspired from http://gizma.com/easing/
	* only considering the t value for the range [0, 1] => [0, 1]
	*/
	EasingFunctions = {

	application:open-your-keymap
	application:open-your-stylesheet
	autocomplete:attach
	autoflow:reflow-paragraph
	bookmarks:clear-bookmarks
	bookmarks:jump-to-next-bookmark
	bookmarks:jump-to-previous-bookmark
	bookmarks:toggle-bookmark
	bookmarks:view-all
	check:correct-misspelling

	"use strict";

	var stackTrace = (new Error()).stack; // Only tested in latest FF and Chrome
	var callerName = stackTrace.replace(/^Error\s+/, ''); // Sanitize Chrome
	callerName = callerName.split("\n")[1]; // 1st item is this, 2nd item is caller
	callerName = callerName.replace(/^\s+at Object./, ''); // Sanitize Chrome
	callerName = callerName.replace(/ \(.+\)$/, ''); // Sanitize Chrome
	callerName = callerName.replace(/\@.+/, ''); // Sanitize Firefox

	console.log(callerName)