I wanted a place where I could write down my thoughts without them being stored in the cloud or connected to an account (notes, onenote, evernote, docs, paper, gist, etc). I don't really like terminal text editors, notepad, or IDEs for writing, so I made this very simple notepad. It's a <body> html tag with the contenteditable attribute making it editable, and some <style>.
To save a note just store it on disk (cmd/ctrl+s). To add images, drag and drop them onto the text area. Remove the contenteditable attribute from <body>, save, and voila, you now have a static lightweight blog post ready to be published! Formatting can be a bit wonky but should work in some browsers (cmd/ctrl+b/i/u). Copy+pasting formatted text can potentially break things a bit.
The two colors are from Solarized. Feel free to download the file and update style/markup to your preference.
> To save a note just store it on disk (cmd/ctrl+s).
What's this supposed to do? On Firefox/Win it just saves the initial blank page as you'd expect, which is not very useful. Removing the `contenteditable` attribute before saving makes no difference.
I'm not aware that there is a simple portable way to save dynamically-modified webpages; projects like TiddlyWiki have been banging their collective heads against this problem since forever.
> I'm not aware that there is a simple portable way to save dynamically-modified webpages; projects like TiddlyWiki have been banging their collective heads against this problem since forever.
You might be interested in a new way to create websites I'm creating. Websites are stored as JSON, and a small Javascript engine file writes these directly to the DOM.
This makes the site very easy to dynamically modify and save, which is the basis for this as a hosting service - the site itself contains a site editor that outputs the site as JSON, and uploads itself to S3.
I'm not sure how that helps with the problem we're talking about. The value proposition of something like TiddlyWiki is that your site is just a file. For local use you don't even need a webserver.
Making Node or similar a prerequisite kills that value proposition stone dead, never mind piling on things like S3 as backends.
> your site is just a file. For local use you don't even need a webserver.
This is true for this new system as well. The browser engine is only needed to write JSON to the DOM, since browsers don't natively read JSON. You could host both on your SSD and point a webpage at them. (XHR caching is a to-do item.)
S3 is used because it's relatively common and trusted. Node (or any server) is just used to facilitate writing to S3. Node specifically is used because it's simpler to develop everything in one language, and that's the only language that runs in browsers.
On Linux Mint, with FF 59.0.2 (64-bit) there are no problems. Simply save the page with "Save page as..." into a folder.
The idea is wonderfully simple.
Yes, I was talking about the windows notepad. I'm not saying the contenteditable notepad is better, just that I don't like notepad for writing - purely an aesthetic preference. Now it's been a while since I usd notepad, but iirc you can't have an inner max-width, or theming that persists restart (?)
So... someone doesn't like Notepad because it has search-and-replace, and preferred something kind of like notepad but without all those pesky features?
Really cool idea! In what browsers is dragging images to contenteditable supposed to be supported? I'm on Chrome 66 and it just opens the image in the current tab.
I think this is great. I did something similar, with a very simple IdeaStore webapp, where I can just throw an idea into words, have it get added to my ideabank, and I can reference it later. But the whole point is to not break my workflow from other projects.
Anyway, I know you said you don't like lots of different things, but you might actually find that you like BoostNote. I'd say give it a try, I think it's great.
The sad part is that <a href>'s are actually blocked from using data:text/html URLs. So we can still create tiny games and apps that can be copy/pasted in the address bar, but we can't link to them.
You may not be able to <a> to them, but you can certainly issue redirects to them, and <a> to a URL that issues such a redirect.
You can also <a> to a URL that issues a redirect to a location given by a GET parameter, eliminating the need to stand up a site for every different idea you come up with.
In chrome, what's blocked is page-initiated top-level navigations to data URLs (because of spoofing concerns). You can load them in iframes, and you can still do a browser-initiated navigation to them (i.e., type them into the omnibox). They can be used freely as subresources.
Http Redirection to data: urls has been blocked in chrome for at least half a decade. There's really no reason to allow that, a server can just as easily return the data as the response body.
I always liked this trick. Someone else made a version of JSFiddle using this and a few other bits as a code golf exercise that could be made into a bookmarklet, but I lost it.
Litewrite[1] is a great notepad that does save notes to browser localstorage, and has a syncing feature (you can sync through Dropbox, Google Drive or any RemoteStorage provider)
It has many disadvantages in terms of functionality. Some advantages could be: theming (line-height, inner margins, inner max-width), runs in the browser, easy to modify and build upon, produces HTML output.
I haven't tried the subject of this thread, but since I upgraded to Windows 10, the notes application has become ridiculously slow. Sometimes I have to wait, and wait, for it to respond to clicking or typing. I assume because it's doing some sort of network/AI enabled nonsense.
I'm using 64-bit Windows 10. It looks like it has some subtle visual updates, but I'm not sure what might have been changed under the hood. It seems to frequently hang when I try to paste into it, for an interminable amount of time.
Like the look of this but given increasing privacy concerns I absolutely believe that the Moz experiments data policies are plain wrong. At least allow a non-data collecting variant, otherwise you will never find out how many users this could have had :/
I think this really shows how powerful Web technologies are! Think about it: you get a full-fledged editor, with image embedding, and it only takes 200 bytes. Not kilobytes or megabytes, just bytes. Now check Evernote in the AppStore which weighs in at 111.5 megabytes.
If you’re still writing native apps in 2018, you’re throwing money right out of the window and you deserve bankruptcy.
Evernote chose features over counting kilobytes. Thats a choice they made. Comparing this with evernote on kilobytes is like comparing homemade skateboard to a SUV by their weight. Not cool.
I prefer native apps in most cases over some web counterpart with rare exceptions.
To save a note just store it on disk (cmd/ctrl+s). To add images, drag and drop them onto the text area. Remove the contenteditable attribute from <body>, save, and voila, you now have a static lightweight blog post ready to be published! Formatting can be a bit wonky but should work in some browsers (cmd/ctrl+b/i/u). Copy+pasting formatted text can potentially break things a bit.
The two colors are from Solarized. Feel free to download the file and update style/markup to your preference.
Some ideas/variations:
Dark theme: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/dark.html
Serif: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/serif.html
HN theme: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/hn.html
With heading: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/with-heading...