J Black JBlackCat

Better Jasmine Tests With `this`

On the Refinery29 Mobile Web Team, codenamed "Bicycle", all of our unit tests are written using Jasmine, an awesome BDD library written by Pivotal Labs. We recently switched how we set up data for tests from declaring and assigning to closures, to assigning properties to each test case's this object, and we've seen some awesome benefits from doing such.

The old way

Up until recently, a typical unit test for us looked something like this:

describe('views.Card', function() {

Please consider using http://lygia.xyz instead of copy/pasting this functions. It expand suport for voronoi, voronoise, fbm, noise, worley, noise, derivatives and much more, through simple file dependencies. Take a look to https://github.com/patriciogonzalezvivo/lygia/tree/main/generative

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);

Securely erase an external disk using `dd` on OSX

Plug in your SD card, HDD, or other block device and then use the following command to see which /dev/diskN node it's located on:

diskutil list

Unmount the disk where â€œNâ€� is the number of the disk taken from the above command:

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

Get ClamAV running on Mac OS X (using Homebrew)

The easiest way to get the ClamAV package is using Homebrew

$ brew install clamav

Before trying to start the clamd process, you'll need a copy of the ClamAV databases.

Create a freshclam.conf file and configure as so

Howto Install clamav on OSX with brew

Note: on legacy intel system the path may be /usr/local/etc/clamav instead of /opt/homebrew/etc/clamav/

$ brew install clamav
$ cd /opt/homebrew/etc/clamav/
$ cp freshclam.conf.sample freshclam.conf

	# This requires tmux 2.1. a lot of these settings will error on anything earlier.

	# Act like Vim; use h,j,k,l to select panes and move the cursor
	set-window-option -g mode-keys vi
	bind-key h select-pane -L
	bind-key j select-pane -D
	bind-key k select-pane -U
	bind-key l select-pane -R

	# Look good

	#!/bin/bash
	# Install sleepwatcher
	cd /tmp
	curl -O http://www.bernhard-baehr.de/sleepwatcher_2.2.tgz
	tar -zxvf sleepwatcher_2.2.tgz
	cd sleepwatcher_2.2
	sudo mkdir -p /usr/local/sbin /usr/local/share/man/man8
	sudo cp sleepwatcher /usr/local/sbin
	sudo cp sleepwatcher.8 /usr/local/share/man/man8
	sudo cp config/de.bernhard-baehr.sleepwatcher-20compatibility.plist /Library/LaunchAgents

	git branch -m old_branch new_branch # Rename branch locally
	git push origin :old_branch # Delete the old branch
	git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote

	// Add on element with overflow
	-webkit-mask-image: -webkit-radial-gradient(white, black);