Light

mjswensen / scribbli Goto Github PK

A Web app for quickly getting ideas down.

JavaScript 56.90% CSS 35.26% HTML 7.83%

scribbli's Introduction

Scribbli

Scribbli is digital scratch paper for developers. Sometimes you need space to reason through a problem or design an algorithm.

Scribbli is hosted via GitHub at https://mjswensen.github.io/scribbli/, but feel free to download and run Scribbli locally. No setup required -- just open index.html in your browser. Notes and drawings are saved in localStorage.

scribbli's People

Stargazers

Watchers

scribbli's Issues

Fix reverse-chronological ordering of scribblies in list.

Add ability to insert checkboxes.

Checkbox state should be saved with the scribbli.

Use localStorage to save and manage scribblies.

Add URL params to manage browser cacheing

Add functionality for setting an auto-delete date for scribblies.

Create a favicon.

Make scribblies printable

Change color to black and background color to white
Hide sidebar
Stretch canvas to full width with right: 0

Make Tab key insert tab character or spaces for editables.

Add functionality for naming scribblies

contenteditable for the titles in the list
- Clear the text on focus
- If text is empty string on blur, repopulate with ID
If the scribbli doesn't have a title attribute, display the ID

Add ability to archive scribblies

They could then be accessible from a separate dialog.

Rework approach to event listening to allow for moving/resizing quickly

Add an "About" modal dialog that credits the designers of the fonts. Show examples of each font.

Add ctrl + U shortcut for underlined text.

Add expand/collapse functionality to keyboard shortcut list

Switch to pencil cursor when option key is down.

Add padding to editables

To prevent strange smearing effect on text that falls outside the confines of the editable (Safari 7.0.2)

Add highlighter.

Possible key combos:

alt + ctrl + click + drag (yellow)
alt + ctrl + shift + click + drag (blue)

Alternatively, a single color may be sufficient:

alt + shift + click + drag (yellow, analogous to the scribbli yellow)

Add functionality for deleting elements

Backspace on empty editable removes it
shift + alt + click erases SVG paths

Add `created` field and sort scribblies by created date in sidebar.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.