R L Nabors rachelnabors

Want to learn more about web animation and motion design? You came to the right place!

You should also check out my slides and articles at RachelNabors.com. There's great stuff in there!

useMatcher identifies an animated element throughout addition and removal from the DOM, not unlike key in React —probably needs a better name!
zombie elements are elements that will be removed after their exist animation plays. Implementation
use:* is a custom directive that can attach multiple directives (effects, signals) to a single element after render, before addition to DOM implementation

	@media screen {
	/* Contain floats: h5bp.com/q */
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

	/* For image replacement */
	.ir {
	text-indent: 100%;
	white-space: nowrap;

	if (documents.length > 0)
	{
	var docRef = activeDocument;

	var activeLayer = docRef.activeLayer;

	numLayers = docRef.artLayers.length;

	var rows = numLayers;

	// All the little mixins that will go into one BIG mixin.
	// Hey, might need them!

	@mixin set-dimensions($width, $height, $parent-width) {
	@include background-size(100% auto);
	width: percentage($width/$parent-width);
	padding-top: percentage($height/$parent-width);
	height: 0;
	}