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
| ### 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: |
| # | |
| ## Add the rubycas-client gem to your Gemfile and run bundle install | |
| # | |
| gem 'rubycas-client' | |
| gem 'mechanize' | |
| 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; |
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
| <!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%; |
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 a local server for testing purposes:
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
| license: gpl-3.0 | |
| height: 960 |
| # 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 |