Code Monkey home page Code Monkey logo

cardsorter's People

Contributors

amundo avatar

Stargazers

 avatar

Watchers

 avatar

cardsorter's Issues

make /cardsorter/foo set localStorage.stickies_foo

When the page loads

Parse the URL as /cardsorter/{projectname}

If there's a projectname, use that as the key in localStorage.

This will remove the possibility that another tab could wipe out localStorage.stickies.

Make URLs into links

If the Note Text contains a URL, then make the rest of the text in the Note Text a link.

(Should the link have target=new or whatever it is you use to open a new tab?)

Refactor into plugin

Clean up index.html. We want to have a simple API, maybe:

<script src=cardsorter.js></script>
<script>
$(document).ready(function(){ $('#board').stickies(){} )
</script>

Creating a plugins will make it possible to pass in options on instantiation:

  • What the #board id is
  • What localStorage.ourName is
  • Others?

resize note on overflow

...ugly.

on new note: 
  render note
  while( overflow is set ):
    increase size

not sure how to check if overflow is set?

add colors

not sure what the use case is yet but:

#E985A1 pink

#6FC8C2 light blue

#C799BD violet

Position isn't being reassigned on page load

Notes are appearing down the left side of the board when the page reloads, even tho the data is there in the stored JSON:

{"top":"265.2px","text":"data linking","left":"160.8px"}

autosave

well, this has burned me.

just put a setInterval on save.

Try to space out new Stickies

When you make a new Sticky

When you place the new Sticky

Check if it overlaps other Stickies

If it overlaps, try placing it again.

Try three times.

enable restacking

shift-click should move the top sticky to the top of the current pile.

  • What's a "pile"?
  • Can "piles" be unified with .selectable() ?
  • Do we have to set z-index? If so, what's the default? Will the range of z-index get out of control?

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.