Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Scratchpad.io - a real-time HTML and CSS editor

scratchpad.io

Post reply on HN
Print view View original

51–60 of 89 posts

Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor

#52

Post by arscan »

nbashaw wrote: post #45
arscan wrote: post #44

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 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 :)

What's cool is that feature was completely intuitive and you didn't need to point it out. Again, a little thing, but the little bit of delight users experience when they "discover" these types of features goes a long way.

Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor

#54

Post by nbashaw »

mixmastamyk wrote: post #53

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. ;)

I just realized that after HNing it :( Terrible oversight. However, the tooltip when you hover over the arrow button is OS-appropriate https://gist.github.com/4321208#file-scratchpad-js-L344

Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor

#57

Post by martinced »

mahmoudimus wrote: post #29

Oh man this is incredible - I want to find a way to embed this into Emacs, this is so useful.

You can modify Emacs so that it does something on every change in the current buffer, like for example save the change to disk if it's a file-backed buffer.

You could then have a script refreshing the browser on every file change (do it from outside Emacs, calling shell scripts from Emacs or anything 'non-Emacsy' from Emacs is too slow for the usecase here).

However you'll probably have to find a way for the 'save file on every buffer modification' to be very fast otherwise it's going to annoy you and prove impractical.

Btw I can't wait for someone to implement at least part of Emacs in JavaScript so that, eventually, users used to Emacs shall have the possibility to have a Web text editor that doesn't s*ck. Maybe using ClojureScript + the implementation of Emacs redone in Clojure (I think there's a project trying to do that right now).

Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor

#58

Post by ianstormtaylor »

quarterto wrote: post #35

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. Jade, SASS and CoffeeScript- if that's what floats your boat- and some nice social features, like featured pens and saving to Gists. Other commenters have pointed out a myriad of similar such services. I'm surprised Codepen hasn't come up alre…

Yeah 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 feature though.. (as long as it came with Compass)

Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor

#59

Post by mattlong »

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 RECENT list. The editor area doesn't update completely; the text loads, but there are only line numbers up to the length of the previously viewed document and it's impossible to move the cursor below the last line number (http://i.imgur.com/h9nMh.png).

EDIT: Correction, the line numbering is correct, the problem is with the line-height in the editor.

Re: Show HN: Scratchpad.io - a real-time HTML and CSS editor

#60

Post by nbashaw »

mattlong wrote: post #59

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 RECENT list. The editor area doesn't update completely; the text loads, but there are only line numbers up to the length of the previously viewed document and it's impossible to move the cursor below the last line number ( http://i.imgur.com/…

Whoa! Thanks for sending this in! Crazy bug.
Post reply on HN