3 ms·

Each word on that landing page is inside a separate canvas tag? Why? Anyway: Autoscrolling vertically doesn't work in the sourceview, FF4, Fedora 15. The feat

by Meai 15y ago

Each word on that landing page is inside a separate canvas tag? Why? Anyway: Autoscrolling vertically doesn't work in the sourceview, FF4, Fedora 15. The features are confusing. It says I can move the design around by clicking 'pixel-perfect', but it doesn't actually move, and it only ever moves the whole thing, not for example just the box. It would be neat if the stuff I select visually on the webpage gets optionally selected inside the codewindow aswell. Of course, you really really need a search feature for the html window, auto expanding whatever nodes are found. Also, color wheels for all the CSS properties would be nice. Also, suggestions, you could make a dropdown box next to each css property that lets a user quickly switch between all possible variations. Like top: 200px; [x] <- clicking here opens a popup with 'bottom', 'left' etc. On mouse hover, you see the realtime change. You really need a few IDE features like search+replace and vertical selections for your code windows. You need a javascript debugger.

jmitcheson 15y ago
Hi, Thanks for the feedback Can you elaborate on the design overlay not moving around? The whole thing should basically be able to be moved around while the page stays static. If it's doing that, then it's working correctly. It's a little unpolished to use in the demo, but basically the workflow is that you select the box, then move the overlay so you can see the error, then line up the box with left / top. The landing page uses Cufon for font replacement which in turn uses the canvas. I like the way it renders the font but maybe it's impractical.. Also the page has overflow:hidden on the body. The editor behaves weirdly sometimes with scrolling so it's disabled for now but will support scrolling in the release. All the other features are great suggestions, i'll make sure they are all in the release too - re: the Javascript debugger.. I wondered about this one. Most browsers have them already so I wasn't sure. I'm still on the fence
- Meai 15y ago
  I probably misunderstood the 'pixelperfect' feature. I thought I could move css elements around in a visual drag&drop style to position them at absolute values. I think what you built, is an overlay of a static image to check for errors. The font with Cufon looked pretty blurry to me, for some subconscious reason I also like to select text while reading. It's less passive, and when I can't do that, I get annoyed. But I see, you already changed it :) Another thing: I mostly just scan until I find the "demo" button, unfortunately yours was hard to find because it has almost the exact look like the surrounding text. I know you want us to read the rest too, but that's just not an investment people are going to make unless they already like/see your idea. In the same spirit, I would make some kind of screenshot walkthrough of your killer features. Your live-editing feature is pretty cool, but in the end it's a tiny button people have to click, and then they have to edit something on the same page, and then they have to pay attention so they see that the thing actually changed. I myself first thought it was broken, instead I simply wasn't in the correct tab, so I didn't see what changed! I imagine a common mistake which can be easily fixed by doing a single page layout of your page. I think you have a good idea, but it's a lot more work than one would imagine. You say it yourself: You are competing with Dreamweaver, so you'll need some kind of code intellisense too. http://cloud9ide.com/ http://cloud9ide.com/ could probably implement something like a liveview pretty easily, so that's where you are competing aswell. I wish you the best of luck :)
- underwater 15y ago
  "Onion skinning" is a more widely used term for your "Pixel Perfect" feature.

by Meai 15y ago

jmitcheson 15y ago

Hi, Thanks for the feedback Can you elaborate on the design overlay not moving around? The whole thing should basically be able to be moved around while the page stays static. If it's doing that, then it's working correctly. It's a little unpolished to use in the demo, but basically the workflow is that you select the box, then move the overlay so you can see the error, then line up the box with left / top. The landing page uses Cufon for font replacement which in turn uses the canvas. I like the way it renders the font but maybe it's impractical.. Also the page has overflow:hidden on the body. The editor behaves weirdly sometimes with scrolling so it's disabled for now but will support scrolling in the release. All the other features are great suggestions, i'll make sure they are all in the release too - re: the Javascript debugger.. I wondered about this one. Most browsers have them already so I wasn't sure. I'm still on the fence

Meai 15y ago
I probably misunderstood the 'pixelperfect' feature. I thought I could move css elements around in a visual drag&drop style to position them at absolute values. I think what you built, is an overlay of a static image to check for errors. The font with Cufon looked pretty blurry to me, for some subconscious reason I also like to select text while reading. It's less passive, and when I can't do that, I get annoyed. But I see, you already changed it :) Another thing: I mostly just scan until I find the "demo" button, unfortunately yours was hard to find because it has almost the exact look like the surrounding text. I know you want us to read the rest too, but that's just not an investment people are going to make unless they already like/see your idea. In the same spirit, I would make some kind of screenshot walkthrough of your killer features. Your live-editing feature is pretty cool, but in the end it's a tiny button people have to click, and then they have to edit something on the same page, and then they have to pay attention so they see that the thing actually changed. I myself first thought it was broken, instead I simply wasn't in the correct tab, so I didn't see what changed! I imagine a common mistake which can be easily fixed by doing a single page layout of your page. I think you have a good idea, but it's a lot more work than one would imagine. You say it yourself: You are competing with Dreamweaver, so you'll need some kind of code intellisense too. http://cloud9ide.com/ http://cloud9ide.com/ could probably implement something like a liveview pretty easily, so that's where you are competing aswell. I wish you the best of luck :)
underwater 15y ago
"Onion skinning" is a more widely used term for your "Pixel Perfect" feature.