amundo / cardsorter Goto Github PK
View Code? Open in Web Editor NEWsilly little cardsorter/sticky notes app
silly little cardsorter/sticky notes app
http://blogs.sitepoint.com/pure-css3-paper-curl/
can these be adapted to crooked divs?
right now there is no feedback on clicking [save]
Add ability to drag-select a series of stickies and move them as a group
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
.
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?)
The stickies are saved but don't repopulate
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:
#board
id islocalStorage.ourName
isnot sure what the use case is yet but:
#E985A1
pink
#6FC8C2
light blue
#C799BD
violet
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"}
well, this has burned me.
just put a setInterval
on save
.
Couldn't get selectable to work, but now it's blocking draggable (despite previous commit).
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.
shift-click
should move the top sticky to the top of the current pile.
.selectable()
?z-index
? If so, what's the default? Will the range of z-index
get out of control?A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.