Axel Valdez

Designer based in Hermosillo, Mexico. Websites, Apps, logo, illustration, lettering, HTML and CSS.

A notepad in the browser

I take a lot of notes during the work day, and I usually have my Notes app at hand, but the thing that is always in front of me is the Browser, so the best thing would be to be able to take notes right there.

Recently, I tried a couple Chrome extensions to do this, but they’re either overkill or they have ads (and I really dislike ads squeezing in every part of my day), so a couple nights ago I set up to scratch my own itch and come up with a solution.

Presenting Notepad

Super original name, I know.

Screenshot

Notepad is an editable webpage that saves its content in Local Storage. It’s super fast and it doesn’t require any instalation. Just visit the url in your browser and you’re ready to go. If you want to keep using it, I suggest to put it in your browser’s bookmarks bar, as a pinned tab, or as a start page.

Usage

That’s it. In edit mode, you can use the following modifiers for text:

Modifier What it does
*Bold text* Bold text
_Italicized text_ Italicized text
!Highlighted text (to end of line) Highlighted text (to end of line)
--Strikethrough text (to end of line) Strikethrough text (to end of line)

Also, urls starting with http:// or https:// will become clickable links.

Actions available

Action Hot key What it does
Edit Ctrl+E Enter edition mode
Save Ctrl+S Saves the text input
Cancel Esc Discards changes and exits edit mode
Clear Removes all the text

That is it. I hope you find it useful and you like it. If you do, please share it with your friends.

If you have an idea for an improvement, wanna fork it or collaborate, this is the source code on Github.

August 23, 2017