Javascript + HTML5 localstorage [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
So I'm searching for a good crash course on localstorage and interacting with it in Javascript. I want to build a to-do list webapp with some extra functionality but it would be just for 1 user. I don't want to mess with php/mysql and have the server doing anything. Links to tutorials would be best :-D

Here's a crash crash course I found very useful. It explains a bunch of HTML5 concepts, including localStorage, video tag, offline websites, forms, locations, canvas, and more.
http://diveintohtml5.org/storage.html

There is the offical documentation:
http://dev.w3.org/html5/webstorage/
For a quick demo with code: http://html5demos.com/storage also more html5 demos at the root of that site.
Note there are also things like the YUI 2 Storage Utility which abstract the storage for you (HTML 5, Google Gears, SWF) depending on what the browser supports:
The Storage Utility provides a
mechanism for storing significant
amounts of textual data, client-side,
whether or not your browsers supports
the proposed HTML 5 Storage
specification.

No personal experience but I did come across this link today: http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/
Which links to this: http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/
Have fun!

This small tutorial/code-snippet helped me to get started.
http://hacks.mozilla.org/2009/06/localstorage/

I would recommend one of the other questions asked here about how to store objects in localStorage. It helped me a lot as I am implementing a code editor that can store multiple files and last state of the user.
The stackoverflow question
Both answers posted are very valuable.
Some things to take into consideration:
When do you store data, after each key pressed or after some other specific action/event?
Use a temporary Javascript data structure or only interact with localStorage directly?

Store Data
//Syntax
localStorage.setItem(Key,Value);
Demo

Related

PDF to Editable Documents [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
I just want to ask if there is any resource which can do PDF to Editable Document conversion like in Word, Excel or powerpoint. Let me know if it is possible. My preferred architecture is NodeJS or Javascript. I have done following research:
Reading the .pdf in binary and extracting all information then creating the document according to that but it is a very long term solution.
I want to do the conversion in editable way so i don't want to do it using images mapping.
Do share if there is any paid resource available, and it must not be an API because i need to give offline support.
Regards
Ali Muqaddas
You can use unoconf (https://github.com/gfloyd/node-unoconv) for that.
Example from the library README:
unoconv.convert('document.docx', 'pdf', function (err, result) {
// result is returned as a Buffer
fs.writeFile('converted.pdf', result);
});
I don't think there is a clear solution for this.
I have also been looking for the same thing. I have found these 2 APIs that allow for this, but I'm looking for something offline too.
Nonetheless, these APIs might be useful for you or maybe they are exactly what you have been looking for.
PDFTron - Limited documentation and kinda unclear. I tried to work with this a couple of times but never managed to get it working, but if you can seeing from their demo, the results look really nice.
ASPOSE - Offers a free tier demo license, however, the conversion is a bit...weird. Meaning no images just text, therefore, the padding and margin are way off.
Doing the opposite is easy and FREE! (DOCX -> PDF), however, (PDF -> DOCX) seems to be (1) Expensive and (2) Impossible to implement offline.

Portable MongoDB? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I have been wondering if it is possible to have a portable MongoDB instance.
My goal is making a full Javascript + HTML5 application, and store data in a /data folder, and each collection would be a .json file, but hardcoding a literal database would be certainly reinventing the wheel (or steel).
I googled some Javascript-made JSON databases as a reference, but my eyes shine on BSON data formats.
Is that possible?
Or better, am I missing another mind-breaking technology that would fit my needs?
Thanks!
Disclaimer: I just came across this and haven't tried it yet.
MongloDB (https://github.com/Monglo/MongloDB) looks interesting. From my quick look it appears to be a MongoDB look alike interface that makes it easy to back with local storage or a cache and AJAX to a server side store. But as I say I have not tried it yet. The joys of random github finds.
I created NeDB - a pure Javascript database implementing the MongoDB API. It can be used as a Node.js module and in the browser and supports persistence.
It also supports indexes which make it much faster than databases who don't (e.g. TaffyDB and it seems to be the case for MongloDB as well)

Edit HTML5 presentation without coding [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
There are several libraries which allow you to create very sophisticated presentations in web browser:
impress.js
Google slides
deck.js
Reveal.js
But the only way to edit these presentations is in code. Does anybody know one where the user can make edits on the fly in the browser?
And if so, if it is possible to get a representation of the presentation (i.e. in JSON) that could then be persisted?
Thanks.
Found Aloha Editor in Google, looks like it might do this (I've not tried it), allows you to edit impress.js presentations with WYSIWYG tools, no idea if you can save them but maybe you could save the raw HTML to persist them.
Blog about it: http://aloha-editor.org/blog/2012/04/impress-js-editable-with-wysiwyg-aloha-editor/
Demo: http://bit.ly/LZUaZP
Checkout http://strut.io/
It is open source and supports Impress, Bespoke and Handout.
Once can easily import/export JSON data.
An in-browser editor was recently released for reveal.js, you can try it here: http://www.rvl.io/
Old question, I know, but I was looking for the same today. Found this nice overview article covering tools, editors, libraries and overall technology around browser based presentations.
From the: Salisbury University Library
Presenting Your Research: Browser-Based Presentations

Online, real-time, shared JavaScript console? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I would like to use an online tool to work remotely with people to do Javascript learning and testing exercises.
The solution could be a shared, public Javascript console.
Does such a thing exist? I have seen http://jsfiddle.net. This works ok, but we have to keep updating our URL every time the other person changes code so it is not real-time and requires an update step on both sides.
I think a low-feature real-time shared console would be a pretty trivial solution to build. I'm thinking of building it myself if it doesn't exist, but I wanted to check first and see if anyone has heard of something like this.
Here are some links for you:
Collabedit, Online Code Editor http://collabedit.com/
Stypi, a realtime editor https://www.stypi.com/ (not about coding)
ShareJS, Live concurrent editing in your app. http://sharejs.org/ (not about coding)
Tutti, Test Javascript on different browsers simultaneously http://tuttijs.com/ (not collaborative ?)
Bonus: a JS console for mobile http://jsconsole.com/
Hope you'll find something useful in there :)
This answer is 3 years late, but should help if you are still checking this post. JSFiddle now has collaboration mode - it allows you to voice chat and IM, while editing together. Just click the button in the header and set it up!
http://jsfiddle.net#collaborate
http://syncfiddle.net/ is exactly what you're looking for. Simple clean interface that syncs real-time, but also functions as well as any other site out there. But be careful to save your code, it seems to delete your code after enough inactivity.
Almost two years later, a few great alternatives exist. The real-time enhancements to jsfiddle and plunkr are great, but for this use case, I haven't found any easier than Coderpad. It's marketed for doing code interviews and saves a history. Has JS/Coffeescript/Ruby/Java and more.
Try
http://jsbin.com/
http://jsconsole.com/
JSBin is very close to what your looking for. provides HTML, CSS, JS and Console code practices.
JSConsole on the other hand is very simple only used for console coding ofcourse.

Source code annotation tool [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I'm looking for a tool with which I can annotate source code.
I have some 3rd party source code (JavaScript) I need to understand and I don't want to change it (add inline comments) so that
line numbers can stay intact (for communication with others),
I can avoid accidentally changing something and
my annotations stand out compared to the authors comments.
Normally I would print the whole thing out an scribble on it, but the code is too long for that and I need to share it per email. I would be great if one could do some like that including being able to create "links" between so places in the code, possibly even visually with a lines or arrows.
If you would usually print it (if it were shorter), why not print it to a PDF and then use a PDF viewer that supports comments, like Foxit Reader? :)
I would use email to comment and pastebin to host and highlight #h# lines with links in the email text.
OR
some code-review tool (like codestricker or reviewboard for example)
You can certainly do what you want to with LaTeX and its listings package. But if you are not already a LaTeX user you might think that a hard way to go.
start a github project and post the code there, github includes annotation abilities OOB.
You have difficult requirements. I don't know of such tool. Nevertheless as a more general purpose tool, I can recommend Yui Doc (download here).
I'd build a glamour browser for it. (If spending half a day building it wouldn't be too much).
[edit]
Glamour is a toolkit for building browsers on a model. The model would here consist of the various parts of the file(s) and the comments and attributes you'd like to add. This would allow you to easily navigate through the source and comments, to select only parts with (or without) certain attributes. There is a video and slides. Official page, Source
How about using google wave with syntaxy (http://wave-samples-gallery.appspot.com/about_app?app_id=14008) bot?

Categories

Resources