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

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

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

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

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

// A named buffer. Will append to existing content captured there.
// The buffer can be accessed via get-capture("foo") or @emit "foo".
@capture "foo" {
  @media screen {
    .asdf {
      .qwerty {
        /* This is a comment */
        color: red;
      }
    }

morewry

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

// Prototypal inheritance in Sass
// Disclaimer: might be totally contrived and useless...
// “It’s not about the destination, but the journey.”

// New operator

morewry

@echo off
setlocal enabledelayedexpansion

REM
REM PngOutBatch
REM
REM Nic Jansma - [email protected]
REM
REM Runs a PNG through PngOut multiple times at different block sizes.  Shows the
REM file-size savings during and at the end.

morewry

compiletype = environment
project_path = File.dirname(__FILE__) + "/"
utils_dir = "utilities/"
utils_path =  project_path + utils_dir

# callback - on_sprite_saved
# http://compass-style.org/help/tutorials/configuration-reference/
on_sprite_saved do |filename|  
	if File.exists?(filename)
		if (compiletype == :production)