Sergei Pimenov xquezme

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:

Node.js Resources

What is node.js?

Node.js is just JavaScript running on the server side. That's it. That's all there is to it.

Express

Express Docs, if you want to get started and already know JavaScript this is the place to be

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Backend Development

node.js
- Installation paths: use one of these techniques to install node and npm without having to sudo.
- Node.js HOWTO: Install Node+NPM as user (not root) under Unix OSes
- Felix's Node.js Guide
- Creating a REST API using Node.js, Express, and MongoDB
- Node Cellar Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB
- JavaScript Event Loop
Node.js for PHP programmers

	//Wait for relevant code bits to load before starting any tests
	define(['core.js'], function( core ) {
	module("Core Tests");

	test("Test core methods", function(){
	expect(2);

	equals( 1, 1, "A trivial test");
	ok( true, "Another trivial test");
	});

	#import <Foundation/Foundation.h>

	@interface NSString (MCHTMLToPlainTextConversion)

	-(NSString *)stringByConvertingHTMLToPlainText;

	@end

	<?xml version="1.0" encoding="UTF-8"?>
	<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
	<CORSRule>
	<AllowedOrigin>*</AllowedOrigin>
	<AllowedMethod>GET</AllowedMethod>
	<AllowedMethod>POST</AllowedMethod>
	<AllowedMethod>PUT</AllowedMethod>
	<MaxAgeSeconds>3000</MaxAgeSeconds>
	<AllowedHeader>*</AllowedHeader>
	</CORSRule>

	@interface SomeViewController ()

	// Declare some collection properties to hold the various updates we might get from the NSFetchedResultsControllerDelegate
	@property (nonatomic, strong) NSMutableIndexSet *deletedSectionIndexes;
	@property (nonatomic, strong) NSMutableIndexSet *insertedSectionIndexes;
	@property (nonatomic, strong) NSMutableArray *deletedRowIndexPaths;
	@property (nonatomic, strong) NSMutableArray *insertedRowIndexPaths;
	@property (nonatomic, strong) NSMutableArray *updatedRowIndexPaths;

	@end

	- (void)controllerWillChangeContent:(NSFetchedResultsController *)controller
	{
	self.shouldReloadCollectionView = NO;
	self.blockOperation = [[NSBlockOperation alloc] init];
	}

	- (void)controller:(NSFetchedResultsController *)controller didChangeSection:(id<NSFetchedResultsSectionInfo>)sectionInfo
	atIndex:(NSUInteger)sectionIndex forChangeType:(NSFetchedResultsChangeType)type
	{
	__weak UICollectionView *collectionView = self.collectionView;

	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	</head>
	<body>

	<div id="loader_container"></div>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>