Smartmarks is a collection of micro tools and utilities that run from your URL bar, using the Data URI scheme to create a tiny html + javascript + css page that can be bookmarked and then loaded instantly whenever you need them.
Click one of the demo links to try out Smartmarks, or visit the easy install page and drag the links to your bookmark bar to keep them easily accessible.
Drawpad (demo)
A minimalistic sketchpad that you can use to draw simple sketches and mockups (inspired heavily by/stolen from Daniel Fernandez)
Notepad (demo)
A clean and simple place to jot some thoughts down. Use keyboard shortcuts (ctrl+b, ctrl+i, etc) for bold, italics, and other formatting.
Stopwatch (demo)
Keep track of how much time has passed to the millisecond.
Timer (demo)
A countdown timer that sounds an alarm and triggers an alert (to switch context) when it is finished.
Todo (demo)
Super speedy todo list utlity which let you add, complete, and remove tasks.
Contributions are encouraged and welcomed! Please keep in mind the following guidelines:
- Keep styling minimal with lots of whitespace and few fonts/colors
- No external resources. Use vanilla javascript, and encode images/sounds using data URI/base64
- The utilities have minimal features for a purpose. We want to keep Smartmarks speedy, so don't go overboard on features.
To actually modify or add a new Smartmark, follow these steps:
- Install HTML compressor and YUI Compressor and put them in the project root directory as
htmlcompressor.jarandyuicompressor.jarrespectively - Modify or create the main HTML file in a folder with the same name as the Smartmark
- Run ./minimizer.sh smartmark_name from the root directory and it will minimize and prepend "data:text/html," to the HTML file in smartmark_name into smartmark_name/smartmark_name.min.html
MIT licensed. See the LICENSE file for full details.