Jake Paris

Notebook

Wiring a Paging Element in Vue.js (or, how are they building things these days?)

If you don’t know Vue, read the Vue.js introduction first. The short answer is that it’s a framework to build your page by data/information rather than markup. It allows you to wire data together…

Extract the Coordinate data from a KML file into JSON

If you create a polygon in Google Earth and then save it, it will be in .kml format. To extract the coordinate information into a more usable json format, paste the entire kml file…

Fill form fields based on url query parameters

Based on this code I did earlier, I created this function which fill out form fields based on the query parameter values. There are three optional parameters. Using with no parameters will automatically try…

MARC Record to JSON Converter

Easily convert your MARC records into JSON format, which is compatible with most modern APIs and other thingamabobers.

Solving the New Bates College Homepage

I just wrote this article for Bates College on how we created the homepage design. Check it out: Solving the New Bates Homepage

What a Friend We Have in Jesus

This is the traditional melody for this What a Friend We Have in Jesus, but arranged on guitar to sound more up to date. There are two guitars in this example track; one of them…

Via Dolorosa

During our 2017 Good Friday service, we played Via Dolorosa as a music-team only song. Sarah Clarke is singing and I’m playing guitar. I had never heard of this song before, but it’s pretty…

Evernote & GTD: A Simpler Way

I read The Secret Weapon about how to use Evernote as a Gettings Things Done (GTD) facilitator. I tried the method, but found it too labor intensive. It requires too much shifting things around manually…

SASS Mixins

Animations @mixin keyframes($name) { @-ms-keyframes #{$name} { @content } @-o-keyframes #{$name} { @content } @-moz-keyframes #{$name} { @content } @-webkit-keyframes #{$name} { @content } @keyframes #{$name} { @content } } @mixin animation($val) { msanimation…

Getting NPM build scripts to run-on-save in SublimeText

Today I finally got my es2015 javascript to compile to es5 javascript automatically upon save. First, I set up my project using npm. I setup the following dev dependencies: babel-cli babel-core babel-preset-es2015 In the…