Ray Lugo, Jr. rlugojr

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.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

Filtering items in a grid layout with a fixed amount of columns and rows.

forked from herrstucki's block: Filtering the Grid 2

Filtering items in a grid layout.

forked from herrstucki's block: Filtering the Grid

Grid layout in combination with multi-dimensional sorting using d3.comparator.

forked from herrstucki's block: Sorting the Grid

	<!DOCTYPE html>

	<html>
	<head>
	<title>MemeMaker-Simple</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<style>

	# Compiled source #
	###################
	*.com
	*.class
	*.dll
	*.exe
	*.o
	*.so

	# Packages #

	// TODO: Optimize images with responsiveness.
	// TODO: Optimize audio and video.
	// TODO: Inline critical css.

	/* gulpfile.js
	*
	* This is Tempurturtul's gulpfile. It makes a few assumptions about folder
	* structure and requires some markup on html files. Currently handles
	* automation of front-end tasks only.
	*

	/**
	* A* (A-Star) Pathfinding Algorithm in JavaScript
	* @author Matthew Trost
	* @license Creative Commons Attribution-ShareAlike 3.0 Unported License
	* @datepublished December 2010
	*/

	function astar (map, heuristic, cutCorners) {
	var listOpen = [];
	var listClosed = [];

	#!/usr/bin/env python
	# Note, updated version of
	# https://github.com/ipython/ipython-in-depth/blob/master/tools/nbmerge.py
	"""
	usage:

	python nbmerge.py A.ipynb B.ipynb C.ipynb > merged.ipynb
	"""

	import io

	#List unique values in a DataFrame column
	pd.unique(df.column_name.ravel())

	#Convert Series datatype to numeric, getting rid of any non-numeric values
	df['col'] = df['col'].astype(str).convert_objects(convert_numeric=True)

	#Grab DataFrame rows where column has certain values
	valuelist = ['value1', 'value2', 'value3']
	df = df[df.column.isin(value_list)]