{Carrer web log} ←
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”
- // FreakOut // 1/31/2013
- // FreakOut // 1/31/2013
- // // 1/31/2013
- // Vladimir // 1/31/2013
- // Jeremy S // 1/31/2013
- // itoctopus // 1/31/2013
-
// 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.
- // Vladimir // 1/31/2013
- // Beben Koben // 2/05/2013
<< Home
About Me <<<
Name: Vladimir Carrer
vladocar [at] gmail.com
Location: Verona, Italy
I'm a web designer, developer, teacher, speaker, generally web addicted ...
My projects <<<
- AI Prompt Directory
- Hand Drawn Icons
- Font Design Inspiration
- Font Pairings
- Free SVG Cut File
- Upcoming NFT projects
- Discord Tutorials
- Free Sublimation Designs
- Tech Feed
- MySQL Lite Administrator
- Quark Mini PHP CMS
- Formy - CSS Form Framework
- Emastic - CSS Framework
- Malo - CSS Library
- The Golden Grid
- 1 line CSS Grid Framework
- Two Lines CSS Framework
- Child Selector System - CSS Framework
- Better Web Readability Project
- Azbuka - CSS Typographical Base Rendering Library
- ClipR - bookmarklet for better reading
- CSS3 Action Framework
- CSS Mini Reset
- HTML5 Mini Template
- CSS Mobile Reset
- picoCSS - JavaScript Framework
- HTML Lorem Ipsum Crash Test
- Object Auto Documentation - JavaScript
- o - JS Library for Object Manipulation
- Foxy - CSS Framework
- Tumblr Free Theme - Better Readability Project
- Box - CSS Framework
- SMART CSS GRID
- nanoJS - Minimal JS DOM Library
- Flexy CSS Framework
- Katana is CSS Layout System made with Flexbox
- Micro CSS Reset
- 60 Grid System
- Simple CSS Button
- ramd.js JavaScript library for making web applications.
- Minimal Notes web app build with Vue.js
- Scribble Font for Prototyping & Wireframing
- Flex One - 1 CSS Class System
- Floaty - CSS Float Based Layout System
- Infinity CSS Grid
- CLI Convert websites into readable PDFs
- keywords-extract - CLI tool, extract keywords from any web page.
- screenshoteer - Make website screenshots and mobile emulations from the command line.
- Basic.css - Classless CSS Starter File
§§Previous Posts <<<
- Custom Logo Land - Logos for Startups
- One Line CSS Mobile Framework
- URL to QR Bookmarklet
- Semicolon Drama ; {
- Hand Drawn Icons 1.1 Update
- Box - CSS Framework
- Wireframing Icons
- CSS3 Fancy Box
- Hand Drawn UI Kit
- Some useful scripts for Photoshop Layer Manipulation
Other Profiles <<<
Content is licensed under a Creative Commons Public Domain License