{Carrer web log}


Blog about web design & development

Writability - Write in your browser

Thursday, January 31, 2013 { 9 Comments }

Yesterday I stubbled upon one incredible post about One line browser notepad by Jose Jesus Perez Aguinaga there are also some very useful and helpful comments on his blog post.

The idea is using your browser like minimal distractions-free writing editor.

The great thing is you can work locally even without internet. You don't need additional apps and other fancy stuff just you and the browser. Naturally there are no privacy issues because you work locally inside your browser.


I've started from the basic Jose Perez solution and some comments of other people and I combined that with my knowledge from my previous web typography projects like (Better Web Readability Project - CSS Library, Azbuka - CSS Typographical Base Rendering Library, Clipr - bookmarklet for better reading and the final result is Writability.

Here it is Writability - Minimal Distractions Free Browser Text Writing Tool

Just put this code inside your browser url tab:



You can use additional formatting like bold, italic in some browsers (Example you can use Cmd+B (bold), Cmd+I(italic) on Safari for Mac)

I've tested this solution on Safari, Chrome, Firefox for Mac and Firefox for Windows.

Here is how this solution works on Safari:



Comments or suggestions?




9 Responses to “Writability - Write in your browser”

  1. // Blogger FreakOut // 1/31/2013

    I love it!  

  2. // Blogger FreakOut // 1/31/2013

    This comment has been removed by the author.  

  3. // Anonymous Anonymous // 1/31/2013

    Local Storage Possible?  

  4. // Blogger Vladimir // 1/31/2013

    Currently it doesn't use the Local Storage but with little effort it can be done :)  

  5. // Blogger Jeremy S // 1/31/2013

    This comment has been removed by the author.  

  6. // Anonymous itoctopus // 1/31/2013

    Bold (CTRL+B) and all other commands do not work on Firefox.

    It's a nice little trick, but allowing browsers to have such weird features is useless and probably the reason why they're the source of 99% of the viruses nowadays.  

  7. // Blogger Jeremy S // 1/31/2013

    @Vladimir: As I mentioned in the original post, and here, localStorage doesn't seem possible using the data-uri schema, but it does work if you just save it as a webpage.  

  8. // Blogger Vladimir // 1/31/2013

    @Jeremy S : Thanks!  

  9. // Blogger Beben Koben // 2/05/2013

    qiqiqiq....
    love it. ty ty ty  

Post a Comment

<< Home

Content is licensed under a Creative Commons Public Domain License