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
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

  • By
    39 Shirts – Leaving Mozilla

    In 2001 I had just graduated from a small town high school and headed off to a small town college. I found myself in the quaint computer lab where the substandard computers featured two browsers: Internet Explorer and Mozilla. It was this lab where I fell...

Incredible Demos

  • By
    Styling CSS Print Page Breaks

    It's important to construct your websites in a fashion that lends well to print. I use a page-break CSS class on my websites to tell the browser to insert a page break at strategic points on the page. During the development of my...

  • By
    jQuery Link Nudge Plugin

    A while back I debuted a tasteful mouseover/mouseout technique called link nudging. It started with a MooTools version and shortly thereafter a jQuery version. Just recently Drew Douglass premiered a jQuery plugin that aimed at producing the same type of effect.

Discussion

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