Jake Paris

Notebook

categorized under Web Development

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

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…

SublimeText settings & plugins

My user settings directory is here. The bold ones are extra cool/useful. All Autocomplete Boxy Theme BracketHighlighter Color Highlighter Colorsublime (quick switching of color schemes) Colorsublime – Themes CSS3 DashDoc (for use with Dash) DataConverter translate…

Setting up Domain Mapping with WordPress MU

Most of this information can be found here, but I’d like to rewrite it for increased clarity and to add a few details. First some definitions: umbrella domain: the domain which houses the mu installation…

GET Query Params with Javascript

var parseQueryParameters = function(){ var queryString = window.location.search; var queries = {}; if(queryString=='') return queries; var q = queryString.replace('?','').split('&'); q.forEach(function(pair,index){ var a = pair.split('='); if(typeof a[1]==='undefined') a.push(''); queries[a[0]] = a[1]; }); return queries;…

Shortcode to Use a WordPress widget in Page Content

A small snippet creating a shortcode which will display any widget.

Helper function (in vanilla js) to find a GET query parameter

var parseQueryParameters = function(){ var queryString = window.location.search; var queries = {}; if(queryString=='') return queries; var q = queryString.replace('?','').split('&'); q.forEach(function(pair){ var a = pair.split('='); if(typeof a[1]==='undefined') a.push(''); queries[a[0]] = a[1]; }); return queries;…

Perils of Working with a Third Party Application

At my current employer we use a third party application/service called            . Their CSS framework is full of “suck” and where they decide to employ classes (and not) in their HTML is absolutely…

Design + Tech = Win!

It's not all the time that my experience as a fine artist has a direct impact on my coding. This time it did -- I ran into a strange optical illusion in an interface I was building.