Alison Abreu-Garcia

Alison Abreu-Garcia

I'm a Web Developer living in Brooklyn, NY.

I am passionate about word games, comics, taking pictures, music, vegetables, snow sculptures, social justice, and a cup of coffee in the morning.

I have a BA in Computer Science with a correlate in Studio Art.

More about my services...

I speak:

HTML, CSS, PHP, JavaScript, JQuery, MooTools, MySQL, XML, Spanish

I play well with:

WordPress, ExpressionEngine, API's (Flickr, Twitter, Facebook), SVN

I care about:

cross-browser compatibility, web standards, SEO, accessibility, you

Work

Get in touch: alison.iag@gmail.com

My work with Brooklyn Botanic Garden has involved reworking the way they present their content, specifically their growing collection of photos.

Here are some of the tools involved:

Slideshow

View Live

The slideshow dynamically pulls in a designated flickr set and creates the slideshow using jQuery. Controls appear over the photo on hover.

Brooklyn Botanic Garden Slideshow
Collage

View Live - 3 columns
View Live - 4 columns

Using Masonry and some custom PHP and jQuery the images are cropped to a uniform size and laid out in a grid. Captions are pulled from flickr and appear on hover. A 3 column and 4 column layout were developed for the site. Additionally, I worked with custom fields to make creating and curating collages within ExpressionEngine as easy as possible.

Brooklyn Botanic Garden Collage
Photos Page

View Live

The photo page is a curated collection of photo sets that encourage the visitor to explore different photo collages.

Brooklyn Botanic Garden Photo Page
Plants in Bloom

View Live

The Plants in Bloom page pulls all images tagged as bloom updates from the BBG flickr account and displays them in chronological order, giving a relative date for the first 6 and a standard date for those following.

Brooklyn Botanic Garden Plants in Bloom
Garden Navigation

View Live

This is a sidebar widget for navigating between Garden pages.

Brooklyn Botanic Garden Garden Navigation