archive for the ‘Web Development’ Category

WordPress vs the JAM stack?

November 11th, 2017

so I watched this video:

I love the JAM stack. I love working with Jekyll (for static HTML sites), JavaScript, and APIs.

BUT.. did you know there would be a but? The but is that I think its unfortunate that this guy (Brian Douglas), who of course is a total JAM evangelist, sees JAM in opposition to WordPress. He spent almost as much time throwing shade on WordPress as he does talking up the beauty of JAM.…

Scaffolding an Angular + Bootstrap App

March 16th, 2017
snohomish river Given the complexity of modern JavaScript web applications, it makes sense to use a scaffolding tool to set up. Fountainjs is a good way to go if you want to have your app built and served with Gulp, Sass and Webpack. This post is about adding Bootstrap the the mix. And how to fix everything that Bootstrap breaks.

Pretty Permalinks with Angular UI-Router

February 23rd, 2017
Pretty Permalinks with Angular UI-Router Problem: how to get Wordpress-style pretty permalinks into an Angular app? I want my permalinks to have this format: http://domain.com/2017/02/post-slug-here/ I want single posts and category and tag archives to contain slugs, not IDs in the URL. This is not hard to achieve with Angular UI-router. This is how I do it..

Pagination with UI-Router and WP-API

February 22nd, 2017
Pagination with UI-Router and WP-API

I added pagination to this site’s headless theme. Its and Angular client for a WordPress API.

The key to this is knowing what Angular’s ui-router can do. This post by Aviv Ben-Yosef was very helpful: Simple pagination and URL params with ui-router. It explains how to set up routes with ‘squashed’ parameters, and make simple pagination functions in your controller.

Another helpful find was in Kadam White’s wpapi utility, which does the actual interaction with my WordPress JSON API.…

Multiple cursor shortcuts

January 22nd, 2017
Multiple cursor shortcuts

My cheat sheet for shortcuts for Atom + Sublime’s multiple cursors

Using text editors these days is so nice! I’m a big fan of Atom. The best part of course is the multiple cursor feature, which Atom shamelessly copied from Sublime Text. My only trouble is not remembering the keyboard shortcuts.

So, I made this little cheat sheet. I printed it, and kept it near my monitor at work.…

An Angular Client for a WordPress site

January 20th, 2017

I coded up an Angular 1.5 app that shows the posts from my WordPress blog. It fetches post data from this site’s Rest API.

A proof-of-concept is here: Cherrytree.

The repo is on my Github: Topheavy-Angular.

It shows a ‘default’ listing of posts on the front page, which is equivalent to the default WordPress loop. I has single post views with the same URL structure as my WordPress permalinks.…

oikos get attachment link filter

March 3rd, 2015
oikos get attachment link filter oikos get attachment link filter This fixes a flaw in the WP gallery shortcode. The problem is that when you make a gallery, and you set link to "file", it links to the original. That might be a 10M jpeg. This function links to the large instead of the original. On every site with galleries, I install lightbox and this nice little filter.

Nice Quora ask

February 17th, 2015

What are the most interesting HTML/JS/DOM/CSS hacks that most web developers don’t know about?

Through the Custom Fields, Iterating Along

December 19th, 2014

I discovered the free plugin Advanced Custom Fields last summer, and was blown away. This is such a powerful plugin. I immediately bought the Repeater Field addon for $25. With repeater fields you can make multiple rows of the same type of field. Loops of fields!

An example of a nice way to use this plugin combo would be a page of customer testimonials on a website.…