Anatolii Kovalchuk Kr00lIX

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:

Getting Pow to work in OS X Yosemite

Some parts taken from: https://gist.github.com/kujohn/7209628

ipfw is officially deprecated and removed in OS X Yosemite. Pow requires another program pf to handle the port forwarding.

1. Anchor file

Create file /etc/pf.anchors/pow

If you want a run-down of the 1.3 changes and the design decisions behidn those changes, check out the LonestarElixir Phoenix 1.3 keynote: https://www.youtube.com/watch?v=tMO28ar0lW8

To use the new phx.new project generator, you can install the archive with the following command:

$ mix archive.install https://github.com/phoenixframework/archives/raw/master/phx_new.ez

Bump your phoenix dep

Phoenix v1.3.0 is a backwards compatible release with v1.2.x. To upgrade your existing 1.2.x project, simply bump your phoenix dependency in mix.exs:

	module Developer
	extend self
	delegate :establish_connection, :clear_all_connections!, :to => ActiveRecord::Base

	def delayed_debug(scope)
	detach_process do
	close_io_objects
	establish_connection
	setup_process_name
	notify_developers

	# Add the following 'help' target to your Makefile
	# And add help text after each target name starting with '\#\#'

	help: ## Show this help.
	@fgrep -h "##" $(MAKEFILE_LIST) \| fgrep -v fgrep \| sed -e 's/\\$$//' \| sed -e 's/##//'

	# Everything below is an example

	target00: ## This message will show up when typing 'make help'
	@echo does nothing

	# In order for gpg to find gpg-agent, gpg-agent must be running, and there must be an env
	# variable pointing GPG to the gpg-agent socket. This little script, which must be sourced
	# in your shell's init script (ie, .bash_profile, .zshrc, whatever), will either start
	# gpg-agent or set up the GPG_AGENT_INFO variable if it's already running.

	# Add the following to your shell init to set up gpg-agent automatically for every shell
	if [ -f ~/.gnupg/.gpg-agent-info ] && [ -n "$(pgrep gpg-agent)" ]; then
	source ~/.gnupg/.gpg-agent-info
	export GPG_AGENT_INFO
	else

	# For more elaborate use cases, see the IndirectUsesTracker instead:
	# https://gist.github.com/christhekeele/fc4e058ee7d117016b9b041b83c6546a

	###
	# A way to know, at runtime, what modules a module has used at compile time.
	# In this case, you include `UsesTracker` into a module. When that module gets
	# used in some other module, it registers itself with the other module.
	##
	defmodule UsesTracker do

	# add mix.exs deps
	# {:junit_formatter, "~> 1.1.0", only: :test},
	#
	# .tool-versions file with content
	# erlang 18.3
	# elixir 1.3.0
	# nodejs 5.5.0
	#
	machine:
	node:

	;; Enable ligatures without prettify-symbols

	(provide 'add-pragmatapro-symbol-keywords)

	(defconst pragmatapro-fontlock-keywords-alist
	(mapcar (lambda (regex-char-pair)
	`(,(car regex-char-pair)
	(0 (prog1 ()
	(compose-region (match-beginning 1)
	(match-end 1)

	defmodule Flow.EctoProducer do
	use GenStage

	import Ecto.Query

	@default_chunk_size 5000
	@default_key :id
	@stop_delay 10

	# Possible options for producer