morewry

# http://stackoverflow.com/questions/10314907/getting-a-list-of-files-in-sass-compass
require File.join(File.dirname(__FILE__), 'listfiles.rb')

morewry

// Pass in a starting view and match comparison
function findView ( startView, searchFn ) {
	var resultView,
	viewSearch = function ( curView ) {
		curView.getView( function ( nestedView ) {
			if ( searchFn( nestedView ) ) {
				resultView = nestedView;
			}
			else {
				viewSearch( nestedView );

morewry

$disable-magic-sprite-selectors: true;
$icons-inline: true;
$icons-sprite-base-class: "%icons-sprite";
$icons-layout: smart;
$icons: sprite-map("icons/*.png");
@import "icons/*.png";

@each $img in sprite-names($icons) {
  %icon-#{$img} {
		@extend %icons-sprite;

morewry

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

1. Raw Attribute Strings

   <div my-directive="some string" another-param="another string"></div>

morewry

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()

morewry

Currently considering https://github.com/webdriverio/webdrivercss

---

Core Goals:

• Can test in up-to-date versions of all major browsers
• Can test on up-to-date versions of all major OSes
• Can test in IE9 (because Bootstrap v4 will support IE9+)
• Don't want to have to setup/maintain our own cluster of VMs running all the necessary OSes (and all the versions of Windows)
• Workflow for management of reference/baseline/norm screenshots

morewry

#!/bin/sh
enter_directory(){
	if [ "$PWD" != "$PREV_PWD" ]; then
		PREV_PWD="$PWD";
		if [ -e ".nvmrc" ]; then
			nvm use;
		fi
	fi
}

morewry

Keybase proof

I hereby claim:

• I am morewry on github.
• I am morewry (https://keybase.io/morewry) on keybase.
• I have a public key ASAAcv0HO34Ai0ekGGMmvqzMfiUZ_cRwVFOuAsoO97LU1Qo

To claim this, I am signing this object:

morewry

	hyperHTML	lit-html
version	1.6.1	0.5.0
license	ISC	BSD + Patents
compatibility template literals	Edge 13+, FF 34+, CH 41+, SF 9.1+, iOS 9.2+	No IE/Edge, FF 55+, CH 41+, SF 9.1+, iOS 9.2+
compatibility transpiled	IE9+ FF 34+, WK (Android 4+), CH, SF, iOS 8+ template literals only

morewry

find -L $PWD -type f -name "*.jpg" -print0 | xargs -0 -I'{}' mozjpegtran -outfile '{}'.out.jpg -optimise -copy none '{}'