Create a responsive video play button overlay

A project I’m working on now involves redesigning an existing site, and converting it to a responsive design using the Bootstrap framework. One part of the home page has a list of video thumbnail images. We wanted to overlay a play button icon on the image to give an indication of what will happen…


Upgrading ExpressionEngine to 2.7.3

I just recently upgraded ExpressionEngine (EE) from version 2.5.5 to 2.7.3. It took multiple attempts to get it right. There were a string of PHP errors after upgrading, some due to an incompatible third party plugin. The major issues had to do with the newly reconstructed relationships. EE…


Responsive HTML and CSS starter templates

I’ve updated my internal HTML and CSS templates to include a responsive grid and other enhancements. What is this? For many projects, I’ve used my own collection of HTML and CSS to give me a starting point and speed up project development. I’m more likely to use Bootstrap or Foundation now, but my…


Semester at Sea 50th anniversary project

Semester at Sea 50th anniversary website launches: 50th.semesteratsea.org The Institute for Shipboard Education hired me to handle the front-end development and ExpressionEngine production of their new website celebrating the 50th anniversary of the Semester at Sea program. The website was…


United American Land website launched

Teaming up once again with Alan Hill Design, we launched a new website for United American Land in November. Alan Hill designed the site, and I handled the front-end development and ExpressionEngine implementation. The project required multiple page layout options, optimized page URLs, a logical…


Wilcox Design website relaunch

I just worked with Jean Wilcox of Wilcox Design to redesign the company’s website and update it with new portfolio pieces. We included some of the design elements from the earlier website design, and updated the site with a lighter background and improved menu system. We opted for a larger image…