The contenteditable element is neat for quickly turning HTML elements into a notepad, but scripting custom functionality into it (creating a header after pressing enter twice, etc.) was a huge pain in my experience.
Turn your browser into a notepad with one line
91–100 of 186 posts
Re: Turn your browser into a notepad with one line
#92data:text/html, ATARI COMPUTER - MEMO PAD
Ah, much better.
Re: Turn your browser into a notepad with one line
#93After some mix-and-matching of the awesome code snippets posted in the comments, I came up with something easy on the eyes (with a nice little color transition (for webkit-enabled browsers): data:text/html, http://fonts.googleapis.com/css?family=Lato:100,200,300,400,... rel='stylesheet' type='text/css'> html { font-family: "Lato"; color:#e9e9e9; background-color:#222; } * { -webkit-transition: all linear 1s; }
Here's a version that can be copy/pasted:
data:text/html, html { font-family: "Lato"; color:#e9e9e9; background-color:#222; } * { -webkit-transition: all linear 1s; }Re: Turn your browser into a notepad with one line
#94Nice gimmicky hack but not so practical. Just pin notepad/your favorite editor to the taskbar(win7+) and open it with win+shift+[whatever number that corresponds to the position you placed notepad on the taskbar]. Much faster and much more powerful.
It's another window which isn't tab-bound to the browser.
Re: Turn your browser into a notepad with one line
#95After some mix-and-matching of the awesome code snippets posted in the comments, I came up with something easy on the eyes (with a nice little color transition (for webkit-enabled browsers): data:text/html, http://fonts.googleapis.com/css?family=Lato:100,200,300,400,... rel='stylesheet' type='text/css'> html { font-family: "Lato"; color:#e9e9e9; background-color:#222; } * { -webkit-transition: all linear 1s; }
Thank you! I loved it, but couldn't really disable the 'Currently' extension to make this my new tab. Now I'm using 'Web Shortcuts'[1] extension with a GitHub page[2] for the shortcut 'TODO'. Super fast and very useful! :)
[1] https://chrome.google.com/webstore/detail/web-shortcuts/ipno... [2] http://todotab.github.com/ Pull requests welcome :)
Re: Turn your browser into a notepad with one line
#96750 Words[1] is a great tool for clearing your mind. 1. http://750words.com/
Interesting concept, but Facebook login + my (unique) real name (yes, there's only one of me in the whole world) + unencrypted PRIVATE journal with subconscious gibberish + possibly my email address = privacy hell.
I'd rather install this thing on my private webserver.
Re: Turn your browser into a notepad with one line
#97Bookmark this text editor I just made: * Dark background * Tabs work as they suppose to! data:text/html, *{padding:0; margin:0}
I like that.
Possible to add a button that brings up the save dialog in a particular directory (as opposed to cmd-s and choose directory?) Or just the button (just happen to prefer to cmd key myself)?
Re: Turn your browser into a notepad with one line
#98This + Ruby syntax highlighting.
Re: Turn your browser into a notepad with one line
#99Earlier quoted context omitted.
FYI local storage is not reliable, so you may want to think about a fallback, or at least putting a disclaimer explaining that what you write will probably but nitndefinitely still be there when you come back.
Good call. I intend it's use to be temporary for that reason e.g. quickly scribble down a phone number/website/name etc to refer to asap.
Makes sense, and I like the simplicity of the design quite a bit. Maybe one way to augment it would be to add a button that throws the content into a gist/pastebin.something similar, so it could be more easily shared or preserved? Of course, it's a fine line between that and having social media buttons all over.
Re: Turn your browser into a notepad with one line
#100This is what the scratch (EDIT: read scratch as * scratch * without the spaces--is there any way to escape that properly on HN?) buffer is for in Emacs, and I find it extremely useful. Also, unlike using a different tool, it allows me to use all the Emacs-specific features I usually rely on. (For example, I can easily type special characters like r₁ × r₂ ≈ r₃ using the TeX mode.) If you want more than one scratch buf…
There's also a "scratch" plugin for vim that offers similar functionality: http://www.vim.org/scripts/script.php?script_id=664
Geany has a built-in scratch pane, as well (along with a Terminal and some other handy panes that come included).