You need to improve your XSS protection. Here's an example page I created where I do XSS through the CSS: http://wrttn.in/214018
In the admin page, you should be able to change the type of markup the content is in (be it Textile or Markdown) and the CSS. Also, I haven't tested it; if you don't support Markdown Extra, add support for it. The best library that I recommend for this is Discount (http://www.pell.portland.or.us/~orc/Code/discount/)
This is useful. I love the simple layout with the editor on the left side and the other stuff on the right.
I also love the fact that it's a simple notepad but you can add markup etc when you need to, because sometimes the stuff you write in notepad starts growing and you really want to just start formatting things right away.
However, I really like notepad.cc better because the text window is bigger. When I resize your little window using google chrome's default handle, the stuff on the right side goes below the box etc and I can't get the box in full screen, I can only resize it to the right.
Since it has formatting, having an easy way to see a preview would also be pretty sweet.
Over all, good job. It's nice to just paste and start using, but currently it seems a bit simpler to use notepad.cc
Thanks for your comments. You can preview what you've done through the "preview" button, complete with any custom CSS you might have added.
I understand what you mean about the bigger writing space. I've been looking for the best way of optionally increasing the width, while retaining sidebar visibility.
I'd say just remove the text about recommending specific browsers. As long as the functionality is the same, a loss of certain a look and feel isn't worth mentioning to the user and causing a big turn off. At least, that was my initial reaction when I read that.
More to the point, why not just make it work in every browser?
I realize we're not supposed to mention this here in the land of 60% FireFox and 35% Chrome, but most of the world still uses Internet Explorer as their daily browser.
If you want to make a product that people use, you have to make it usable by them. And that means developing for IE first and your browser of choice second.
This looks like a really clever way to produce content and inbound links for SEO purposes. No mention of copyright terms in the instructions - this is going to be an issue for you.
Also your point 3. says "no ads" but I see ads on the front page, yes when you read down it's clear but the headline punch is taken away as people have just seen the fp ad. TBH your ads are pretty neatly done and pretty unoffensive.
My blocking issue is a hard one to beat: what guarantee do I have that this won't disappear within two years?
You can argue that there is a use case for simple, no-SLA services but if something is important enough for me to post, it's important enough that I'd be pissed off if it went away.
My sentiments too. I don't have a blog, or twitter, or facebook. I do want to write stuff down sometimes (have been toying with idea of posterous). This could fit the bill for me. But, yeah - what happens if the site vanishes?
Notepad.cc is good, but it doesn't give you Textile/Markdown, custom CSS, automatic media embedding (through oEmbed), and the other features I've included in Wrttn.
Markdown support would be pretty rad, I'm gonna think how I could integrate that to notepad.cc :)
I like this app though. I think it's purpose would be different than notepad.cc. Again -- putting stuff in a text box and saving it is a pretty widespread feature!
One suggestion for the home page, the styling for the text link accompanying the ad looks out of place. Perhaps remove the underline unless hovered, change to italics (it's a quote/statement of the ad client) and break the text where the image ends.
Oh yea, I also like the integration with oEmbed. First time I've seen it. Definitely will play with embed.ly when I get the chance.
It appears that you're rendering the embedded content using AJAX? I tried pasting a YouTube link directly, and nothing happened. Wrapping it in a proper 'a href' tag triggered the embed, so I'm guessing there's no sophisticated URL-detection.
FWIW, I was using http://jottit.com/ for this previously. I had similar requirements to you, though I do have a blog. Jottit is good but a little heavier than your app, so I'll probably use your app for the smaller, cleaner things where I don't need a subdomain or whatever.
I like it a lot. The user-facing (content producer, I mean) UI could probably use an iteration or two for polish, and it seems like the resulting content pages are a bit broken on the iPad (custom scrollbars == bad news, I figure), but definitely useful -- and bookmarked!
There's no way to scroll the page when viewing in Android browser. The page just gets chopped off and doesn't extend beyond the visible area, meaning no scroll. If I zoom out I can see more, but even on the linked page that means it's kinda small to read.
You don't necessarily need a mobile version, but having the "public URL" version of a page be chopped off could hurt adoption. The resulting HTML is pretty straightforward, so I guess there's some CSS problem blocking me from scrolling.
Some inspiration for wrttn actually came from markdownr.com. Originally I set out to build a similar layout, but I decided against it because of a space thing.
A suggestion for that would be to make parts of the site using your notepad app. Place text in notepad asking the user to edit it and allow them to add their own content.
I sort of know what you're saying but not really. You mean having text inside the textarea (with, say, textile/markdown basics? though I added a textile reference) and delete it on focus?
Yes. Basically, it tells you what the site is within the demo area without having to have the initial landing page, complete with textile markup, then, delete it on focus.
My idea would be to grab a snippet of text and pass it to the API via a keystroke with a program like Textexpander. The link would come back and be dumped into the clipboard for easy sharing. Thanks again
In the admin page, you should be able to change the type of markup the content is in (be it Textile or Markdown) and the CSS. Also, I haven't tested it; if you don't support Markdown Extra, add support for it. The best library that I recommend for this is Discount (http://www.pell.portland.or.us/~orc/Code/discount/)