richtr

/*!
 * <style scoped> shim
 * http://github.com/richtr
 *
 * Copyright 2012 Rich Tibbett
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 * Date: 8th November 2012
 */

richtr

/*
 * OrientationChange Event Shim
 * http://github.com/richtr
 *
 * Copyright (c) 2012, Rich Tibbett
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *

richtr

development:
  adapter: mysql2
  encoding: utf8
  database: my_database
  username: root
  password:
  apt:
    - somepackage
    - anotherpackage

richtr

Verifying that "richtr.id" is my Blockstack ID. https://onename.com/richtr

richtr

-- AppleScript that mounts an AFP service (e.g. a Synology NAS Diskstation) then
-- searches for any .avi or .mkv files in the requested volume and converts all 
-- the files it finds to .mp4 via HandbrakeCLI (which must be installed on your 
-- machine at /Applications/HandbrakeCLI)

-- IMPORTANT: You may need to make sure your NAS does not sleep until ~4 hours of 
-- inactivity has passed so it doesn't interrupt the mp4 conversion process of 
-- this script.

-- Based loosely on the script published at http://cybernetnews.com/batch-convert-videos-handbrake-applescript/

richtr

/**
 * DOM Element constructor helper class.
 * 
 * Usage:
 * -------
 * var newDiv = Element.create('div');
 * var newDiv = Element.create('div', {text: "Hi"});
 * var newDiv = Element.create('div', {text: "Hi "}, [
 *   Element.create('span', {style: 'color: #CC0000', html:"<b>you</b>"}, [
 *     // Infinitely chainable

richtr

<?xml version="1.0"?>
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
 <g>
  <title>Layer 1</title>
  <circle fill-opacity="0" id="svg_1" stroke-width="10" stroke="#3c790a" fill="#000000" r="45" cy="50" cx="50"/>
  <rect stroke="#3c790a" id="svg_8" height="40.5" width="1.75" y="29.5" x="60.25" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#3c790a"/>
  <path stroke="#3c790a" id="svg_6" d="m31.25,32.631443l0.5,33.819592l22,-16.816372l-22.5,-17.00322z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#3c790a"/>
  <rect stroke="#3c790a" id="svg_9" height="40.5" width="1.75" y="29.5" x="70.375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" fill="#3c790a"/>
 </g>
</svg>

richtr

Media Focus Scope

• At what level should Media Focus be requested and granted/revoked?

  • Per Tab(s)
    • Per Origin(s)
      • Per Document(s)
        • Per Media Grouping(s)
          • Per Media Object(s)

• High-level vs. Low-level scope - what are the pros and cons of setting the media focus scope at these different levels? Do we want audio focus to be set and applied implicitly to tab/document/origin content or explicitly to in-page media groupings or elements?

richtr

/**
 * DeviceOrientation and DeviceMotion Events Detection API
 *
 * Example API Usage (Promise-based API):
 *
 *     supportsDeviceOrientationEvents().then(function() {
 *       console.log("Platform DeviceOrientation Events support OK");
 *     }, function(error) {
 *       console.error("Platform DeviceOrientation Events support KO");
 *     });

richtr

/**
 * 
 * Normal method w/ inline conditional statements placed within each render loop
 * 
 */

var myVariable = true;

function normalLoop() {
	if ( myVariable === true ) {