Eric Hayes hayesr

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:

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000

A deeper exploration of TOPOJSON projections. (see previous) Now with census tract shapefiles taken from the Census Bureau.

a simple git branching model (written in 2013)

This is a very simple git workflow. It (and variants) is in use by many people. I settled on it after using it very effectively at Athena. GitHub does something similar; Zach Holman mentioned it in this talk.

Update: Woah, thanks for all the attention. Didn't expect this simple rant to get popular.

People

`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`

First-use of the message template

<% renders messages/_message.html.erb %>
<%= render @messages %>

Form submitting via Ajax

<%= form_for @project.messages.new, remote: true do |form| %>
 ...

	# gem 'mini_magick' 5217dfe
	# GraphicsMagick 1.3.17
	# ImageMagick 6.7.0-10


	# Resize to fill (old method)
	# http://www.imagemagick.org/Usage/resize/#space_fill
	#
	# works with ImageMagick as expected
	# fails to work with GraphicsMagick as expected

	class ApplicationController < ActionController::Base
	before_filter :ensure_xhr

	private
	def ensure_xhr
	if request.get? && request.format && (request.format.js? \|\| request.format.json?)
	head :forbidden unless request.xhr?
	end
	end
	end

	source :rubygems
	gem "puma"
	gem "sinatra"