This is perfect - love the immediate feedback for my own prototyping. Could probably use the multi-user sync for front-end technical interviews.
^Exactly what I was thinking.
Show HN: Scratchpad.io - a real-time HTML and CSS editor
11–20 of 89 posts
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#12The 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 active textarea. Nice job!
Any plan on open sourcing the code to do the real-time editing? I would love to use this real-time editing concept in a project I'm working on.
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#13Cool! I'm going to use it for debugging.
Quick thing: I have a page quickramen.com/test/test that has links that navigate around the page. If you click those now, it loads the code again in another mini-window and doesn't go anywhere.
JUST a bug to be aware of if you're keeping a log!
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#14The 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 active textarea. Nice job! Any plan on open sourcing the code to do the real-time editing? I would love to use this real-time editing concept in a project I'm working on.
Thanks! It was actually really simple to make with two tools: http://ace.ajax.org and http://www.firebase.com
If you want to chat about building it I'd love to give you any tips - i'm nbashaw@gmail.com
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#15Ok, 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).
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#16The 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 active textarea. Nice job! Any plan on open sourcing the code to do the real-time editing? I would love to use this real-time editing concept in a project I'm working on.
Thanks! It was actually really simple to make with two tools: http://ace.ajax.org and http://www.firebase.com If you want to chat about building it I'd love to give you any tips - i'm nbashaw@gmail.com
How did you accomplish the real-time text editing? Is there any OT engine that you hacked into Firebase?
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#17Have the realtime plus: http://jsfiddle.net/ And you will rock! Right now, you are just awesome ;).
Just so happen to have a solution for you: http://plnkr.co/edit/?p=streamer
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#18Ok, 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).
Thanks! All it took was the lovely tomorrow_night_eighties.css theme :)
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#19For a first time coder, being able to see your page change live is very helpful in getting to learn HTML and CSS. This is an amazing complement to the book you are writing - nice work Nathan!
Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor
#20This 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 complexities and constraints. Scrathpad.io is by far the most intuitive and best one for HTML and CSS out there!
Have you tried Plunker (http://plnkr.co/edit/?p=streamer)? DEMO: http://plnkr.co/edit/?p=preview&s=HN4933608