Douglas Duhaime duhaime

Visual instructions how to enable Google Maps on IOS using `react-native-maps`

This is for my personal use, things might not be correctly explained here. For the official docs please check https://github.com/airbnb/react-native-maps

Steps from scratch:

1.react-native init GoogleMapPlayground

2. cd GoogleMapPlayground

Jekyll & Liquid Cheatsheet

A list of the most common functionalities in Jekyll (Liquid). You can use Jekyll with GitHub Pages, just make sure you are using the proper version.

Running

Running a local server for testing purposes:

Notes

inspired by pjanik’s blocks
animation frame and FPS calculation powered by d3.timer
3D based frameworks are producing a lot of DOM elements in SVG renderers thanks to shape triangulation
some test have limited number of objects because of high memory needs or incomplete/reference implementation (triangles)
click run link or run single test in the table
path is using d3-path
stackgl based on this block

A short code excerpt from this visualization I created for the longform article “Iouri Podladtchikov – You only fly once” by the Neue Zürcher Zeitung.

It's a very simple way to create an interactive animation based on video material. Hover over the image to go through the animation.

I used Final Cut Pro to crop and export the frames of a short video sequence, which I then stitched together into a single film strip using ImageMagick: convert folder-of-stills/* +append filmstrip.jpg

	### Locating UI elements ###

	# By ID
	<div id="coolestWidgetEvah">...</div>
	element = driver.find_element_by_id("coolestWidgetEvah")
	or
	from selenium.webdriver.common.by import By
	element = driver.find_element(by=By.ID, value="coolestWidgetEvah")

	# By class name:

	var selector = 'img' // Replace this with the selector for the element you want to make transformable


	jQuery.getScript('//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', function() {
	jQuery.getScript('//cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js', function() {

	(function() {
	var $, applyTransform, getTransform, makeTransformable;

	$ = jQuery;

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>San Juan Island Geology - Interactivity</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
	<script src="https://mapzen.com/js/mapzen.min.js"></script>
	<style>
	#map {
	height: 100%;

	# Installation
	brew install ffmpeg --with-vpx --with-vorbis --with-libvorbis --with-vpx --with-vorbis --with-theora --with-libogg --with-libvorbis --with-gpl --with-version3 --with-nonfree --with-postproc --with-libaacplus --with-libass --with-libcelt --with-libfaac --with-libfdk-aac --with-libfreetype --with-libmp3lame --with-libopencore-amrnb --with-libopencore-amrwb --with-libopenjpeg --with-openssl --with-libopus --with-libschroedinger --with-libspeex --with-libtheora --with-libvo-aacenc --with-libvorbis --with-libvpx --with-libx264 --with-libxvid

	# Easy Peasy
	ffmpeg -i video.mp4 video.webm

	#
	## Add the rubycas-client gem to your Gemfile and run bundle install
	#

	gem 'rubycas-client'
	gem 'mechanize'

	license: gpl-3.0
	height: 960

Douglas Duhaime duhaime

Visual instructions how to enable Google Maps on IOS using react-native-maps

Jekyll & Liquid Cheatsheet

Running

Notes

Visual instructions how to enable Google Maps on IOS using `react-native-maps`