What would it take to implement javascript? Is it merely trivial, or was it left out for security?
Show HN: Scratchpad.io - a real-time HTML and CSS editor
71–80 of 89 posts
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#72Thats awesome. Also looking at the source, I discovered it's using keymaster.js and firebase.js, which are new to me. And the implementation of scratchpad.io is very simple and elegant. The design is beautiful, and the code (in scratchpad.js) is so simple that it makes for a good tutorial on using firebase and ace.js.
In fact, if anyone else is interested in forking the code and experimenting with it, feel free to fork my plunk and go to town:
http://plnkr.co/edit/49fOC5Mq3bcBysKfdPor?p=preview
(Hope you appreciate the irony of forking scratchpad.io via Plunker. Also, it'd be wicked if Plunker could automatically "fork" html webpages, pull in all the required resources and/or updating path references).
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#73Absolutely amazing.
A couple things that bother me, and they might just be from Ace.js:
When typing text into a
or an for example, if I type "I'm", I get the smart double quote feature, and end up typing:
I'm going to the zoo'
Likewise, if I go back into the stream of some text in a
, and want to wrap it in a span, if I click at the start of it and type , I get another span on the other side of my cursor, pushing the existing text over.
Otherwise, utterly fantastic tool. Trying to use it for real work already :)
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#74Its a little thing, but i like how you literally don't need to click on any buttons to save / create a new one / etc. I also like how you can create your own customized path to help you remember the link... just type in a new path and start editing, and you now can share that custom URI. I think its important to create as little friction to usage as possible, and you've done that.
Thanks!! I really appreciate that. I also like the unique URL feature :)
I also like the URL feature, but unlike the other person I did not intuitively expect to type in a a random url and have that work. Its not something people typically do. That said, its pretty cool. You should edit your how to use to include that.
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#75Absolutely amazing. A couple things that bother me, and they might just be from Ace.js: When typing text into a or an for example, if I type "I'm", I get the smart double quote feature, and end up typing: I'm going to the zoo' Likewise, if I go back into the stream of some text in a , and want to wrap it in a span, if I click at the start of it and type , I get another span on the other side of my cursor, pushing the…
Thanks so much, Scott! That is indeed an ace default, but I can try and figure out how to override it. Syntax completion is always tricky.
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#76Sinatra.io does something similar, also built on Firbase. I believe their code is on github if anyone is interested in implementation.
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#77Looks like you've made sure any recursion only goes one deep? (Awesome)
http://scratchpad.io/5mqq98D51P
Every change forces a reload on the iframe. I wonder if there's a way to prevent that.
Heading
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#78I would love to be able to work in realtime (a la Etherpad) with someone else - would take pairing to a whole new level. Also, style management could quickly get messy - I know you are trying to keep the UI as simple as possible, but I would love to be able to quickly toggle between HTML and CSS on different tabs (instead of scrolling).
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#79Sinatra.io does something similar, also built on Firbase. I believe their code is on github if anyone is interested in implementation.
Sinatra.io seems to be down? Do you know their github address?
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#80Earlier quoted context omitted.
Do you know what/how Firebase is doing the realtime updates? Websockets with fallback to flash?
Hi, I'm one of the Firebase engineers working on keeping clients connected. We use a mix of different methods to maintain a connection. We normally start with our custom long polling implementation and move to websockets when they are available. We do not currently make use of any flash sockets.
Is Firebase open source?
It states so on the sites/GH pages, but could not find pointers to repo [after 2 circle through 5 different pages poiting to each other].