Very cool. Is there "snap to grid" functionality?
Yes, there is a snappable, customizable grid. Under the grid menu, you can show the grid and grid system.
Show HN: Easel, web design in the browser
31–40 of 125 posts
Re: Show HN: Easel, web design in the browser
#32Does "Download as PNG" menu action in File menu work for anyone? That is the only feature I care about, and I haven't seen anything like that before.
Which browser? Will look into...
Chrome 19 on Win 7 for me.
Also the Element window gets stuck on my cursor when I try to scroll through it.
Really looks great though.
Re: Show HN: Easel, web design in the browser
#33It's impossible to use in Chrome 19 on Win 7 because the scrollbars are missing.
You can use the hand tool to pan around. You can press the space bar to enable it. Then just drag the canvas around.
Re: Show HN: Easel, web design in the browser
#34Looks like this webpage is drawn in Canvas. Can this tool translate the entire Canvas content to a HTML doc that I can then publish?
Re: Show HN: Easel, web design in the browser
#35Looks a lot like getmarquee.com, only not as impressive.
Re: Show HN: Easel, web design in the browser
#36Just a drawing tool in the browser. This doesn't do anything different than Photoshop or Omnigraffle, if the web designer is smart enough to reuse layers / components. It could be a really useful though if it had support for more than absolute-positioned, fixed-sized elements, and used the browser's layout engine instead. Today's biggest problem is that web designers use Photoshop for coming up with mockups and then…
I think this is great for prototyping ideas. Using Photoshop for web design is an approximation at best.
Re: Show HN: Easel, web design in the browser
#37I'm more interested in the infinite canvas feel. How did they do that?
Re: Show HN: Easel, web design in the browser
#38Just a drawing tool in the browser. This doesn't do anything different than Photoshop or Omnigraffle, if the web designer is smart enough to reuse layers / components. It could be a really useful though if it had support for more than absolute-positioned, fixed-sized elements, and used the browser's layout engine instead. Today's biggest problem is that web designers use Photoshop for coming up with mockups and then…
The hard part about using the browser's layout engine is that it is limiting to the designer. We'd have to snap things into say, floating position, etc. And we'd have to know exactly what the designer was thinking when they're dragging some element around. Or they would have to know about floats, and how to use them.
We think (right now) that the best way around this is some kind of constraint system, like CAD apps have. We're not sure what that looks like yet, though.
Re: Show HN: Easel, web design in the browser
#39Earlier quoted context omitted.
apple-shift-e shows an export lightbox with html.
Then I'm a little dubious about that- given that everything appears to be absolutely positioned. Reminds me of the Adobe web design tool before they bought Macromedia (anyone remember the name of it?) As a mock-up tool, it's great.
pagemaker?
Re: Show HN: Easel, web design in the browser
#40I'm more interested in the infinite canvas feel. How did they do that?
Lots of padding.