Ahmet Katrancı katranci

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

Mac web developer apps

This gist's comment stream is a collection of webdev apps for OS X. Feel free to add links to apps you like, just make sure you add some context to what it does — either from the creator's website or your own thoughts.

— Erik

	{
	"content_scripts": [
	{
	"matches": ["http:///", "https:///"],
	"js": ["inject.js"],
	"all_frames": true
	}
	],
	"web_accessible_resources": [
	"content.js"

	// === Arrays

	var [a, b] = [1, 2];
	console.log(a, b);
	//=> 1 2


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];

	#Model

	@user.should have(1).error_on(:username) # Checks whether there is an error in username
	@user.errors[:username].should include("can't be blank") # check for the error message

	#Rendering
	response.should render_template(:index)

	#Redirecting
	response.should redirect_to(movies_path)

	#Deploy and rollback on Heroku in staging and production
	task :deploy_staging => ['deploy:set_staging_app', 'deploy:push', 'deploy:restart', 'deploy:tag']
	task :deploy_production => ['deploy:set_production_app', 'deploy:push', 'deploy:restart', 'deploy:tag']

	namespace :deploy do
	PRODUCTION_APP = 'YOUR_PRODUCTION_APP_NAME_ON_HEROKU'
	STAGING_APP = 'YOUR_STAGING_APP_NAME_ON_HEROKU'

	task :staging_migrations => [:set_staging_app, :push, :off, :migrate, :restart, :on, :tag]
	task :staging_rollback => [:set_staging_app, :off, :push_previous, :restart, :on]

	ּ_בּ
	בּ_בּ
	טּ_טּ
	כּ‗כּ
	לּ_לּ
	מּ_מּ
	סּ_סּ
	תּ_תּ
	٩(×̯×)۶
	٩(̾●̮̮̃̾•̃̾)۶