I'm using the Svbtle WordPress theme on my blog @ <a href="http://lylemckeany.com" rel="nofollow">http://lylemckeany.com</a>.<p>It's been great. Was simple to install and it's simple to use. Plus I can use the regular WP dashboard to deal with photos and things like that.<p>You can get it on Github here: <a href="https://github.com/gravityonmars/wp-svbtle" rel="nofollow">https://github.com/gravityonmars/wp-svbtle</a>
That's all fine and dandy until you start caring about IE support. Even in IE9 the support isn't there. So while the "mask a file input && target a hidden iframe" is pretty archaic, it is (surprisingly) robust, and not too hard to implement.<p>[Note] compatibility data from: (<a href="http://caniuse.com/fileapi" rel="nofollow">http://caniuse.com/fileapi</a>)
Out of curiosity, does that screenshot represent the regular editing interface? For something that's supposed to focus on the content, the huge black and color buttons at the bottom seem pretty distracting.
How does the author control where this image appears? If there's no visual confirmation/representation, how can they be sure they put it in the right place? Are they inline? Some controls will be needed.