Sam Foster sfoster

- 1710062 Proton: Customize toolbar - light theme circle image is barely visible in ubuntu.
- 1712957 Proton : Mac 10.14 - panels should have the correct border colour
- 1714402 [meta] ui.prefersReducedMotion is ignored in some areas
- 1721292 Menubar text always black, doesn't follow theme
- 1724561 Places drop indicator's vertical positioning is inconsistent when dragging immediately before/after a separator
- 1730371 Using the system theme and a high contrast theme on the OS gives unexpected results
- 1733748 Urlbar border is misaligned with fractional gnome text scaling
- [ ]

Many of the new UI animations added in 57 used a "film strip" technique to get pre-rendered, 60fps animation that could run entirely on the compositor and off the main thread. These SVG files were typically a horizontal strip of frames, each frame offset on the x-axis by frame index * frame width. To play the animation, the CSS transform property is updated to translateX to a value that places the current frame at 0,0 in a cropped element. This technique is explained and illustrated here: http://msuja.ws/svg.html

There are many ways to create and optimize the output assets for these animations. The toolchain we used was a mix of existing tools and custom scripts and processes:

Asset preparation process

Adobe After Effects + BodyMovin
- The framing and motion design was doine in After Effects, and exported using the BodyMovin plugin to a SVG-as-json format.
This page imports this json data, creates a SVG document and plays the animation in order to gen

Inputs

Keyboard
Touch (capacitive touch, alternatives?)
Voice (offline, online)
OCR
Image Analysis (e.g. Kinnect, face recognition)
Sensor input (buttons, motion, temperature, light etc)
RFID/NFC <-- needs investigation & prototyping
Feeds & Events (e.g. news feeds, weather APIs etc)

	#!/usr/bin/env python
	#
	# Based on mozlz4a.py, by Tilman Blumenbach, via https://gist.github.com/kaefer3000/73febe1eec898cd50ce4de1af79a332a
	# Modified by Sam Foster to parse the decompressed input as JSON and output a pretty-printed JSON document
	#
	# Decompressor/compressor for files in Mozilla's "mozLz4" format. Firefox uses this file format to
	# compress e. g. bookmark backups (*.jsonlz4).
	#
	# This file format is in fact just plain LZ4 data with a custom header (magic number [8 bytes] and
	# uncompressed file size [4 bytes, little endian]).

	const express = require('express');
	const cwd = process.cwd();
	const path = require('path');
	const docRoot = cwd;
	const app = express();
	const port = 3000;
	const fs = require('fs');
	const Throttle = require('stream-throttle').Throttle;

	app.get('/*.zip', async function(request, response, next) {

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Test login capture on form removal</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="robots" content="noindex, nofollow">
	<meta name="googlebot" content="noindex, nofollow">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>

	/*
	* This is a JavaScript Scratchpad.
	*
	* Enter some JavaScript, then Right Click or choose from the Execute Menu:
	* 1. Run to evaluate the selected text (Ctrl+R),
	* 2. Inspect to bring up an Object Inspector on the result (Ctrl+I), or,
	* 3. Display to insert the result in a comment after the selection. (Ctrl+L)
	*/

	const cardBobsVisa = {

	<!DOCTYPE html>\n
	<html>
	<head>
	<title>Example status client</title>
	<style>
	.led {
	width: 40px;
	height: 40px;
	display: inline-block;
	}

	#!/bin/bash

	# synch files across a local project directory to a remote server
	# place pisync.sh at the top of your project directory, or alias it

	# ip or hostname of the pi
	REMOTE_HOST=10.0.1.15
	# path to the project directory on the pi
	PROJECT=/home/pi/mirror
	BASE_DIR=$(dirname $(readlink -f $0))

	{
	"devtools.debugger.remote-enabled": true,
	"latecustomization.manifestURL": "https://marketplace-dev.allizom.org/api/v2/late-customization/?carrier=telenor&region=ca",
	"latecustomization.operatorInfo": { "operator": "acme", "region": "ca" }
	}