North StreetNORTH STREET / A Creative Studio

We’re North Street. We make pretty things with pixels and paper. Learn more

Posts tagged: projects

  1. north-street-nelly-black-and-white-ball

    Instagram Wall Projection at Nelly’s Black & White Ball

    North Street’s Instagram Wall Projection was recently featured at Nelly’s Black and White Ball (a Synergy Productions event. The wall pulls images tagged with a certain hashtag from both Instagram and Twitter, and displays them in real time (after being filtered through our moderation queue). The Instagram and Twitter projection can be customized with branded imagery and logos, and can be configured to most screen resolutions. We’ve also recently added text tweets into the mix.

    Read about how we created this here. For more information contact us at info@northstreetcreative.com.

  2. duracell-4040-north-street

    Instagram + Twitter Installation for Duracell Powermat

    North Street Creative collaborated with Duracell Powermat to create this real-time, interactive Instagram and Twitter wall. Installed at the 40/40 Club in New York, NY on September 12, 2012, the wall was projected onto two of the venue’s massive 9×9-screen displays as well as onto flat-panel TVs throughout.

    Attendees were encouraged to tag their Instagram, Twitter and TwitPic photos with “#PowerHouse4040.” Photos were pushed to the screen in real-time and integrated into the visualization.

    For more information on how we built this, view our previous post or contact us at info@northstreetcreative.com.

  3. north-street-instagram-wall

    Live Interactive Twitter / Instagram Projection

    North Street has developed a fun little piece of technology we call an “interactive art installation.” It’s a living, breathing, moving photo collage that gets projected onto a surface (a 12’ x 9’ wall usually does the trick) and is constantly updated in real-time with Instagram and Twitter images of a particular tag. Our platform is built on HTML, HTML Canvas, Javascript, JSON, Ajax and CakePHP and it runs in Google’s Chrome browser.

    Here’s some info:

    1) It’s instant. The time between when an image is tagged and when it appears in the collage is in the range of 3 to 10 seconds (depending on whose API we’re calling: Twitter, TwitPic or Instagram)

    2) It’s built using standards-based, open-source web technologies and because it’s really just a giant webpage at heart, it’s incredibly easy to change and adapt. No compiling. No plug-ins.

    3) It’s a completely user-controlled and wonderfully unpredictable experience. We set it up with a seed hashtag (both #highlinepark and #taxisnyc make for some beautiful imagery), then it’s out of our control. The people in the room shape what it ends up looking like with the images that they tag. Attendee images gradually replace seed images over the course of the event so that the “finished” piece ends up being a completely different animal than what it started out as. We’ve run this thing a dozen times and each time we’re amazed by how participants end up shaping it.

    4) It’s “sponsorable.” We’ve run it at a couple of events where the seed imagery is provided by a sponsor and the collage includes fixed logo placement. We’ve also built a moderation panel that runs on an iPad so that inappropriate images can be prevented from making it on the wall. We provide post-event analytics showing platform breakdown (Instagram vs Twitter vs TwitPic), top users and a summary of all of the images tagged during the event.

    5) A companion web embed or Facebook tab can be created as an event summary OR as a way of letting non-attendees participate in shaping the experience while the event is happening.

    Contact us if you’re interested in our projection for an event.

    More photos after the jump.  (more…)

  4. font-resize-

    jQuery Font Resize Plug-in

    North Street’s Font Resizer is a lightweight jQuery plugin for dynamically changing the font size of any (or all) HTML elements on a page. It is intended for accessibility concerns, but could be used in any situation where you want your text to grow or shrink on command!

    We developed this plugin in response to the lack of heavy-duty font resizing plugins currently available.  Too often a resizing plugin will miss elements on the page, or corrupt the original layout.  Version 1 is available for download at GitHub.  We’re looking forward to seeing how this initial rollout behaves in the field, so if you have any comments or issues please let us know!