Javascript Namespace Strategy for Large Applications

  • Filed under Development, Posted 19th Jan 2012 by Ethan Gardner

According to the HTTP Archive, the average site serves 14 JavaScript files. With more reliance on 3rd party code, it is increasingly more important to protect the code you write from being interfered with by other code used on your site or application.

Namespacing is the common sense way to do this and a practice that I employ on all my projects, both work and personal. This article demonstrates my approach to structuring namespaces in JavaScript for larger applications.

jQuery Icon Menu

  • Filed under Development, Posted 10th Nov 2011 by Ethan Gardner

As designers and developers, we are continually challenged with ways to display large amounts information. In this age of content, the amount of information to display can easily lead to clutter if you aren’t careful.

In a previous post, I described how to make an accordion menu using jQuery UI and Wordpress without a plugin. Today we’ll look at another helpful design pattern in the form of an icon menu and produce the effect in about 20 lines of jQuery.

Create a SQLite3 Database from a Spreadsheet

  • Filed under Development, Posted 19th Oct 2011 by Ethan Gardner

Recently, I needed to create a pre-populated SQLite database that will be distributed with an application I’m developing. I tried to use a visual interface initially, but I quickly hit a wall when doing the import due to the size of the database.

Since local databases are frequently used in mobile applications and offline web applications, I thought it would be good to cover how to create a SQLite database from the command line and share some helpful hints I stumbled upon along the way.

Add a jQuery UI Accordion Widget Area to a Wordpress Theme

  • Filed under Development, Posted 12th Oct 2011 by Ethan Gardner

Yahoo describes the accordion as a design pattern “that provides access to a large number of links or other selectable items in a constrained space.” If you are displaying a large amount of information and want to group them into logical sections, the accordion design pattern can be quite useful. This pattern has even more application in mobile web applications.

Today, we’ll look at how to create a jQuery UI-enabled accordion widget area for the popular Wordpress CMS.

Momentum CSS Updated: Rewritten and Re-released

  • Filed under Development, Posted 13th Sep 2011 by Ethan Gardner

Back in 2008, I released a CSS helper file that had semantic names, helper classes, and common patterns that I identified in sites that I’ve developed. The initial release of Momentum was assembled for my own use, but I also hoped that others might find it useful or at least see the value in using standard naming conventions when working with a team of people.

With the release of similar files such as HTML5 Boilerplate and Bootstrap, it inspired me to revisit Momentum to see what I could improve and how I could adapt it to the projects I work on currently.

Like what you're reading?

If you find the topics I write about interesting or helpful, please consider subscribing or follow me on twitter.

I can also provide services similar to the topics I write about if you'd like to get in touch.

Contact me today

Recent Articles