Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Contest: Cloudinary Style Transfer on CodePen!

By  on  

Cloudinary provides web designers and developers the ability to do a huge number of operations, like resize, optimize, and format almost all media types, but my favorite parts of their service are the vast amount of visual transformations their API allows you to play with;  you can see a great example of them in my Instagram-like Filters and Remote Fetch posts.  Being able to make these artistic finishes simple with just a change of the URL is a joy and really produces a great work of art.

In the spirit of creating beautiful artwork from your (or your users') media, Cloudinary has teamed up with CodePen to bring you the Neural Artwork Style Transfer contest which features Cloudinary's awesome art style feature!  Upload a style image, then upload a target image, and voila!  You get an incredible, transformed work of art!

Cloudinary Neural Art Style

I call this:  "Metal Gear Solid: Walsh Edition"

Hop over to Cloudinary's Neural Artwork Style Transfer Contest on CodePen by October 4th to create some amazing art by just uploading photos!  Top prize gets a pair of Beats Solo3 Wireless headphones (I have these in red --- LIT!).  And make sure to check out Cloudinary's amazing list of offerings, from transformations to optimization to delivery, Cloudinary is a developer's best friend!

Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring

Recent Features

  • By
    Write Better JavaScript with Promises

    You've probably heard the talk around the water cooler about how promises are the future. All of the cool kids are using them, but you don't see what makes them so special. Can't you just use a callback? What's the big deal? In this article, we'll...

  • By
    Create a CSS Flipping Animation

    CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

Incredible Demos

  • By
    MooTools Link Fading

    We all know that we can set a different link color (among other properties) on the hover event, but why not show a little bit more dynamism by making the original color fade to the next? Using MooTools 1.2, you can achieve that effect. The MooTools...

  • By
    :valid, :invalid, and :required CSS Pseudo Classes

    Let's be honest, form validation with JavaScript can be a real bitch.  On a real basic level, however, it's not that bad.  HTML5 has jumped in to some extent, providing a few attributes to allow us to mark fields as required or only valid if matching...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!