Responsive Website Updates & Enhancements

This responsive website is part of a seasonal campaign of Boys & Girls Clubs of America (BGCA), a national organization of 1,400 local chapters which provide after-school programs for young people. National Boys & Girls Club Week is the seasonal campain in which BGCA shares the Boys & Girls Club story with the public and demonstrates the powerful impact Clubs have in their communities.

I updated and enhanced the code and worked closely with the graphic designer to implement new graphics for this 2014 campaign season website.

The header and foot are stored in SharePoint 2007 (Yep, that’s right… 2007, not 2013).  The content between the header and footer is hand-coded in raw HTML, CSS and JavaScript with jQuery.

Updated Raw HTML, CSS and JavaScript within Site

This site utilizes a Cascading Grid Layout Library (jQuery script) called Masonry from David DeSandro (  Masonry is a JavaScript grid layout library. It works by placing elements (boxes of content) in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.

I determined and added media queries for the responsible design of the site.

Added a Video Playlist Viewer

I configured the the Memorable Alumni Moments video grid using Wildfire, a Google social media marketing tool for pages, messages, ads, promotions, monitoring and analytics.  The videos are housed on YouTub

Made the Find a Club Page Responsive

The Find a Club page, I loaded into a FancyBox (jQuery plugin) window via an HTML iframe tag.  The individual videos and statistics images were also loaded in a FancyBox for display purposes.  Social media icons were coded and loaded into the title (bottom) of each Fancybox window.

Comments are closed.