10up Best Practices

10up Engineering: Best Practices

10up tools

Ajax tutorial

Improved Ajax Techniques for WordPress: Procedural Programming

A few years ago, I wrote a series of posts discussing how to use Ajax in the WordPress Frontend. The purpose of the series is simple:

We’re going to give a very brief overview of what Ajax is, how it works, how to set it up on the front, and understanding the hooks that WordPress provides. We’ll also actually build a small project that puts the theory into practice. We’ll walk through the source code and we’ll also make sure it’s available on GitHub, as well.

Generally speaking, the series holds up well but, as with all software under constant development, techniques, APIs, and approaches change. Furthermore, as years pass and we continue to refine our skills, we get better at development and we get better at employing new APIs.

Interesting links for Monday, September 21

  • Alerts when installed plugins contain known security vulnerabilities. Also lists vulnerabilities that exist in other versions of installed plugins. (https://wordpress.org/plugins/plugin-vulnerabilities/)
  • Turn Google Spreadsheet into API – Without setup or plugins. Use it anywhere. (http://sheetsu.com/)
  • Intro to Underscore.js templates in WordPress
  • PaperBack is a free application that allows you to back up your precious files on the ordinary paper in the form of the oversized bitmaps. If you have a good laser printer with the 600 dpi resolution, you can save up to 500,000 bytes of uncompressed data on the single A4/Letter sheet. Integrated packer allows for much better data density – up to 3,000,000+ (three megabytes) of C code per page.

Responsive Navigation: Two Case Studies

Also some nice additional links at the end of the article.

Responsive Navigation On Complex Websites

Central to a solid user experience is a well-structured, simple navigation system. Over the past few months, I’ve been involved in launching two large institutional websites with complex navigation systems. Maintaining simplicity on such large websites becomes increasingly difficult as content requirements grow and tiers of navigation are added, not to mention the extra complexity added by small screens.

To illustrate the techniques involved in implementing responsive navigation on a large website, I’ll refer to two actual clients of mine. I’ll start with the process and how to get through it with research and mockups, then later get into some of the actual code that was used