Scratchpad.io
Dev tools
web code playground
SHOW HN2012
298points
82comments
#38of 1,677 in 2012
Top 3%of 2012 by points
How HN took it
MixedNo clear lean
24 positive, 25 neutral or asking, 6 mixed, 11 critical, out of 66 comments about the project. Thread score +0.17.
Idea: 9 for, 3 againstDesign: 5 for, 4 againstExecution: 6 for, 3 againstPerformance: 1 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
No-click save and creation; custom URL paths are intuitive
From 2 comments
Its 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…
arscan on HNThanks!! I really appreciate that. I also like the unique URL feature :)
nbashaw on HN
Clean, simple, dark-theme interface
From 3 comments
Ok, this editor rocks. Nice use of Ace.js. One of my biggest frustrations with jsfiddle is the crappy coding area (not to mention the default selection of Mootools among others).
geuis on HNVery impressive. Love the dark color scheme. LESS/SASS possible? :)
zapt02 on HNThis is awesome! I constantly look for live editors but haven't found a good one for front-end. I tried Adobe Brackets, Firebug (for in-window editing) but all had their…
danielfriedman on HN
Tab key inserts spaces without losing focus
From 1 comment
The first thing that I loved about this, that drives me crazy on other real-time online editors, is that pressing "tab" actually creates a tabbed space, and doesn't change the…
bluetidepro on HN
Objections
Too many similar tools already exist (JSFiddle, CodePen, Plunker, CSSDeck)
From 3 comments
I don't wanna down a nice looking project, very well done on the interface but, another one? There are already like 7+ of these I don't really see the need to produce another one…
overshard on HNNot to detract from what is a pretty cool project, and I hope OP had fun making it, but: http://codepen.io is this and quite a bit more. It supports HTML+JS+CSS as well as e.g.…
quarterto on HNplunker does have that : http://plnkr.co
camus on HN
Keyboard shortcut tip is Mac-specific
From 3 comments
Great work. (love things that are "clean") ``` Press ⌘ + i to toggle fullscreen view ``` I don't have this key and suspect a lot of others don't either. ;)
mixmastamyk on HNIt'd be great if the command tip wasn't only for Mac btw
gailees on HN"Press ⌘ + i to toggle fullscreen view" What is this thing, I don't have such a key on my computer?
Aardwolf on HN
Bugs in preview panel and editor line-height after navigation
From 2 comments
Very nice. Love the responsiveness and good use of (OS-aware?) keyboard shortcuts. Bug: (Chrome Version 23.0.1271.97 on OSX) Expand the side panel and select a document from the…
mattlong on HNPretty nice, I'll probably be using this for debugging and examples. Bug: Open the about panel by clicking the icon in top left (three horizontal bars). Close the panel by…
sachleen on HN
Requests
Open source the code
From 3 comments
The first thing that I loved about this, that drives me crazy on other real-time online editors, is that pressing "tab" actually creates a tabbed space, and doesn't change the…
bluetidepro on HNNicely done on Scratchpad. The interface seems to be the right combination of simple and intuitive. It would be great to see the source code as many others have said. I'm…
gbadman on HNThats 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…
dergachev on HN
Support JavaScript
From 2 comments
What would it take to implement javascript? Is it merely trivial, or was it left out for security?
ewolfe on HNHave the realtime plus: http://jsfiddle.net/ And you will rock! Right now, you are just awesome ;).
jakozaur on HN
Real-time collaboration with multiple cursors
From 2 comments
I think the key extra feature is that you can share what you're working on with someone else and have both people collaborate in real-time (i.e. changes on either end show up…
anant on HNI 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…
dmor on HN
LESS/SASS support
From 2 comments
Very impressive. Love the dark color scheme. LESS/SASS possible? :)
zapt02 on HNYeah but it's nowhere near as nice to edit with. The textarea's are short, the content frame is short... I think this is a case where simplicity wins out. SASS would be a cool…
ianstormtaylor on HN
Resizable editor panes
From 2 comments
Really cool, kinda like brackets.io, but online! Is there anyway to make the text editor pane resizeable?
hybrid11 on HNi wish i could adjust the width of the code section. otherwise it's pretty neat.
pjrvs on HN
Questions
How real-time syncing is implemented
From 2 comments
How did you accomplish the real-time text editing? Is there any OT engine that you hacked into Firebase?
gbadman on HNNicely done on Scratchpad. The interface seems to be the right combination of simple and intuitive. It would be great to see the source code as many others have said. I'm…
gbadman on HN
Whether private projects will be supported
From 1 comment
Will you be able to make new projects and make them private?
iamhenry on HN
Alternatives named
JSFiddle
From 2 comments
I don't wanna down a nice looking project, very well done on the interface but, another one? There are already like 7+ of these I don't really see the need to produce another one…
overshard on HNHave the realtime plus: http://jsfiddle.net/ And you will rock! Right now, you are just awesome ;).
jakozaur on HN
CodePen
From 1 comment
Not to detract from what is a pretty cool project, and I hope OP had fun making it, but: http://codepen.io is this and quite a bit more. It supports HTML+JS+CSS as well as e.g.…
quarterto on HN
Plunker
From 2 comments
Just so happen to have a solution for you: http://plnkr.co/edit/?p=streamer DEMO: http://plnkr.co/edit/?p=preview&s=HN4933608
gbadman on HNplunker does have that : http://plnkr.co
camus on HN
CodeKit
From 1 comment
This is really great, especially as a compliment to the learning tools coming to market. For front-end designers looking for a similar effect within your own text editor and…
pxlpshr on HN
CodeMirror preview
From 1 comment
How is this different from codemirror? Codemirror's preview utility easily handles this (and much more versatile in other ways): ``` http://codemirror.net/…
ph0rcyas on HN