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