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!

Recent Features

  • By
    JavaScript Promise API

    While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready?  Promises are becoming a big part of the JavaScript world...

  • By
    9 More Mind-Blowing WebGL Demos

    With Firefox OS, asm.js, and the push for browser performance improvements, canvas and WebGL technologies are opening a world of possibilities.  I featured 9 Mind-Blowing Canvas Demos and then took it up a level with 9 Mind-Blowing WebGL Demos, but I want to outdo...

Incredible Demos

  • By
    Using jQuery and MooTools Together

    There's yet another reason to master more than one JavaScript library: you can use some of them together! Since MooTools is prototype-based and jQuery is not, jQuery and MooTools may be used together on the same page. The XHTML and JavaScript jQuery is namespaced so the...

  • By
    9 Mind-Blowing Canvas Demos

    The <canvas> element has been a revelation for the visual experts among our ranks.  Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead.  Here are nine unbelievable canvas demos that...

Discussion

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