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
    An Interview with Eric Meyer

    Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it? At first blush, it was the simplicity of it as compared to the table-and-spacer...

  • By
    CSS Filters

    CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...

Incredible Demos

  • By
    Introducing MooTools ElementSpy

    One part of MooTools I love is the ease of implementing events within classes. Just add Events to your Implements array and you can fire events anywhere you want -- these events are extremely helpful. ScrollSpy and many other popular MooTools plugins would...

  • By
    MooTools Image Preloading with Progress Bar

    The idea of image preloading has been around since the dawn of the internet. When we didn't have all the fancy stuff we use now, we were forced to use ugly mouseover images to show dynamism. I don't think you were declared an official...

Discussion

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