Over a million developers have joined DZone.

Writability: Write in Your Browser

· DevOps Zone

The DevOps zone is brought to you in partnership with Sonatype Nexus. The Nexus suite helps scale your DevOps delivery with continuous component intelligence integrated into development tools, including Eclipse, IntelliJ, Jenkins, Bamboo, SonarQube and more. Schedule a demo today

Yesterday I found an incredible post on creating a one line browser notepad by Jose Jesus Perez Aguinaga. The idea is using your browser as a minimal, distractions-free text 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 LibraryClipr - 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:

data:text/html;charset=utf-8, <title>Writability</title><body OnLoad='document.body.focus();'  contenteditable style="font-size:21px;line-height:1.6;font-family:'Chaparral Pro',Georgia;max-width:21em;margin:0 auto;padding:3rem;background-color:rgb(233,233,225);color:rgb(68,68,68);" spellcheck="false">

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?

The DevOps zone is brought to you in partnership with Sonatype Nexus. Use the Nexus Suite to automate your software supply chain and ensure you're using the highest quality open source components at every step of the development lifecycle. Get Nexus today


Published at DZone with permission of Vladimir Carrer, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}