Drew Powers drwpow

Tools / Resources

Examples of UI done well

M: Long-running projects are demoralizing. Also, 💫 criticism is only good if it informs.
T: Satire always works: Cards Against Humanity for Her
W: Current state of React & Three.js rendering: throw it in componentDidMount(). Avoid limiters like react-three. Made Garbage 🌵.
T: Firefox chokes on translating SVG shapes, but can CSS translate (with mask) no prob. Had to split 1 SVG into multiple and layer manually. Made animated graphic with Snap.svg and Mo.js.
F: Learned about CSS scroll snap points.
S: Gave Design of the Web talk to Weekend Code Warriors. Got good response giving tools s

SVGs are the future. SVG icon manifests are now widely-supported by all major browsers, but svg4everybody is still available as a polyfill if needed.

The SVG Manifest looks something like this (we’ll call this icons.svg):

<svg xmlns="http://www.w3.org/2000/svg">

	/**
	* Browse Google Chome Image Cache
	* Navigate to chrome://cache/, then paste this into Console tab to browse images as a long feed
	*/

	// 1. Filter out domains (optional; uncomment to enable)
	// This shows how to only allow images from `twimg.com`
	//
	// var nonLinks = document.querySelectorAll('a')
	// nonLinks.forEach(link => link.innerText.indexOf('twimg.com') !== -1 ? undefined : link.remove());

	import { Observable } from 'rxjs/Observable';
	import 'rxjs/add/observable/fromEvent';
	import 'rxjs/add/operator/throttleTime';
	import 'rxjs/add/operator/debounceTime';

	export default {
	data() {
	resize$: {},
	},
	created() {

	# @contact = User contact information
	# @project = Entire order, with budget, including multiple pieces

	# Company Name if present; otherwise First Name + Last Name
	company_name = @contact.company.present? ? @contact.company : "#{@contact.first_name} #{@contact.last_name}"

	# 1. Create Account if not exists
	account_id = salesforce.query("select Id from Account where Name = '#{j(company_name)}'")&.first&.Id
	# 1a. Update if match
	if account_id.present?