Archive
Implementing a real-time chat into a Yii-based application using the Pusher sockets/API service + PHP and javascript/jquery. We started with the Pusher-chat plugin provided by HTML5-ninja and then customized it to our needs. In particular, we needed the chat to recognize that we have multiple user groups with different permissions. Users should only be able […]
Implemented a series of code revisions to help ensure that SSDIsolutions.org is accessible and meets the Federal requirements defined in Section 508 of the US Rehabilitation Act. The theme for this Drupal-based website uses Twitter Bootstrap as its front-end framework, which comes with a several JavaScript powered components used on the SSDI site (e.g., tabs and […]
One of our latest websites/apps is getting some good traction. The client had us build what is essentially a white-label product: the C2ES Carbon Calculator. The client can launch an unlimited number of versions of this tool, each one customized for one its corporate partners. Last week a new partner invited its entire workforce of […]
For a new client, the Calvert Foundation, I'm building some Google Visualization Charts. The charts, which will present data from the Foundation quarterly reports, will directly source data that is stored in a Google spreadsheet. This will allow Foundation staff to quickly and easily update the chart data each quarter simply by updating the spreadsheet. […]
Launched the website for 935 Lies, a new book by best-selling author Charles Lewis. The fully mobile responsive site clearly drew inspiration from the book's wonderful cover design. It makes an impression by using strong typography and minimal graphics. The custom webfont integration was done using the myfonts.com service. Otherwise, I used many of my […]
I use Twitter Bootstrap for almost everything these days. Its built in components typically cover 90% of any job's needs, at least if you're willing to make some adjustments. For example, it comes with a an easy to implement and manipulate carousel. However, their carousel is only suited for images or images with captions. It […]
New Carbon Footprint Calculator for the Center for Climate and Energy Solutions (C2ES). This PHP-based tool, designed to let users calculate the carbon emission impact of their life and behaviors, utilizes a bunch of AJAX, some neat jQuery elements, and several other technologies to create a clean, user-friendly and personal experience. It was designed for […]
For a client's website form, I needed some javascript to count the number of characters entered on a particular form field. In addition, I wanted to alert the user about how many additional characters they could add before reaching the input's limit. I found a short snippet on JS fiddle and improved it for use […]
After manually coding and managing "states" for two or three prototypes (e.g., public users vs logged-in users), I decided to heed DRY — don't repeat yourself. Introducing Permit.js. It's a jQuery plugin that makes building interactive, multi-state prototypes for websites and apps easy. I know I'm going to be using it on my own projects […]
I've posted a new case study about the work I did for the Center for Climate and Energy Solutions (C2ES) Make an Impact project. On behalf of one of their corporate clients, I designed and developed a pledge application/website. The site allowed their partners's employees to pledge to change a variety of actions to modify […]