Coder Social home page Coder Social logo

treasurypin's Introduction

Treasury Pin

A little one-bite, one-page rails site that turns your Etsy Treasury into a Pinterest Pin.

The deal is this – as of today (7/4/2012) – you can of course pin items from Etsy onto Pinterest. One of the cool features over at Etsy (and I make a motion with my hand towards the east, towards Brooklyn), is creating a Treasury, which is a collection of items from your store, or other stores, under a specific theme. Treasuries serve as a good way to get your products noticed, as it’s a neat, curated list of favorites to browse through.

Once you’ve created a Treasury, you’ve essentially curated a collection. If you wanted to share that collection on Pinterest, turns out, not so easy. You could do it one-by-one, but that defeats the whole “collection” idea. So, the other morning, this was the “somebody should…” conversation I had with my wife (both an Etsy seller and Pinterest fan). And, here you go.

Treasury Pin is a simple Rails site that uses Nokogiri to parse out the first eight images from a Treasury you specify. Then, using mini_magick and RMagick, it makes a simple single image that combines all eight images. Next, it loads this onto Amazon S3, then wraps that all in the Pinterest javascript tag so you can easily Pin-it.

The site uses jQuery and the jQuery-One-Page-Nav for navigation. Not without some fussiness for getting it to nav right on the iPad, and I can detail that fussiness if anyone wants more info. https://github.com/davist11/jQuery-One-Page-Nav

treasurypin's People

Contributors

gravitymonkey avatar

Stargazers

 avatar  avatar

Watchers

 avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.