Cutting edge websites for the 19th Century

archive for the ‘javascript’ Category

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.

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..

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.…

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.…