Journal entries categorized “Web Development”
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 so that when one thing changes, another part will automatically change. We can use an paging element as an example: In […]
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 to match the parameter names in the url with form field names. Maybe dangerous? fillFieldsFromParams() The first parameter specifies which form […]
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) { -ms-animation: $val; -o-animation: $val; -webkit-animation: $val; -moz-animation: $val; animation: $val; } Example @include animation(( delay: .8s, duration: 1.6s, iteration-count: 1, name: fadeFromHilite, […]
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 package.json file, I’ve got the following scripts setup … “scripts”: { “build-js”: “babel scripts.pre.js –out-file scripts.js”, “build”: “npm run build-js” … […]
SublimeText settings & plugins
This page has moved to Notion.so, (which is an interesting amalgamation of note-taking, database, job-tracking, journaling, and more).
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. other domain: the domain which will have a single WordPress site within the network. How To At the domain registrar, point […]
Fade-in text: jQuery plugin
This is a basic plugin for jQuery which adds an effect for slowly fading in text. There may be other plugins out there that have similar functionality, but this was an attempt to try building such a thing. Demo The Code
GET Query Params with Javascript
Update April 2018 Sigh, the things we learn as we go… This is actually way easier than I made it before. In fact, it’s so easy it doesn’t really need these wrapper functions around the URLSearchParams() family of things. However in the interest of making a transition from the earlier code, here you are: var […]
Shortcode to Use a WordPress widget in Page Content
A small snippet creating a shortcode which will display any widget.