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
    Page Visibility API

    One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?

  • By
    How I Stopped WordPress Comment Spam

    I love almost every part of being a tech blogger:  learning, preaching, bantering, researching.  The one part about blogging that I absolutely loathe:  dealing with SPAM comments.  For the past two years, my blog has registered 8,000+ SPAM comments per day.  PER DAY.  Bloating my database...

Incredible Demos

  • By
    Pure CSS Slide Up and Slide Down

    If I can avoid using JavaScript for element animations, I'm incredibly happy and driven to do so.  They're more efficient, don't require a JavaScript framework to manage steps, and they're more elegant.  One effect that is difficult to nail down with pure CSS is sliding up...

  • By
    CSS Text Overlap

    One of the important functions of CSS is to position elements. Margin, padding, top, left, right, bottom, position, and z-index are just a few of the major players in CSS positioning. By using the above spacing...

Discussion

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