Tag Search: Javascript

masonry3
Masonry+CSS Colors
, ,

While making a prototype using the javascript library Masonry, I came across the full list of CSS colors. The number of colors and the strange names some of them had facinated me, so I chose to integrate them into the demonstration. This prototype UI grabs 5 random colors from the full list of CSS color names, you can then infinite scroll through content and select only the content of a specific color. There is a randomize button in the upper right to select 5 new random colors. Its fun.

View Demo

masonry6

masonry5

masonry4

masonry7

masonry2

masonry8

masonry1

instagram4
Instagram Grid
, ,

I wanted to see if I could make an animated grid of Instagram photos using javascirpt and a little jQuery. It turns out I could, but the real point of the exercise was to see how easy it was to use the Instagram API. This prototype has a rudimentary UI that allows you to change the tag search. You can also control the size of the grid and animation speed.

View Prototype

instagram3

 

instagram2

 

instagram1