Back

Infowall

Infowall case study preview

Overview

Speed and Function is working on final stages of Infowall development, which is a lightweight CMS, designed with the entry-level computer user in mind.

Frontend

  • jQuery is the industry standard JavaScript library/framework for working with DOM.
  • jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.  We are using it to build elements such as modals, popups, etc.
  • Handlebars.js helps us build semantic templates effectively and reliably. We had previous experience with and are happy with the syntax and performance of Handlebars.
  • Backbone.js helps us with structuring the application by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to existing API over a RESTful JSON interface.
  • Masonry cascading grid layout library allows us to fill in empty space with content programmatically.
  • jquery.carousel is a jQuery plugin that gives us a full-featured and flexible toolset for carousel-style navigation.
  • Gulp helps us with speed up builds and manage templates.  It seems to work faster than Grunt and have an easier syntax.  
  • Stylus is a progressive CSS preprocessor syntax and works better with Gulp than the alternatives.

Back-end

  • Node.js (Express.js framework).  Chosen for performance and for making it easier to support the application by front-end developers.
  • MongoDB.  Best practice to use together with Node.js.  Improves performance.
  • Nginx.  We used Nginx as frontend server-side proxy because it’s one of the fastest ways to deliver static files and recognize type of devices (mobile or desktop).
  • Grunt with UglifyJS, CssMin to improve UI performance.  
  • ImageMagic for processing user image uploads.  

 

Speed and Function is a web development company based in Philadelphia, PA