Live data from Hacker News

Show HN: Easel, web design in the browser

alpha.easel.io

51–60 of 125 posts

Re: Show HN: Easel, web design in the browser

#51
post #32
post #11

Earlier quoted context omitted.

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.

Thanks :).

Ah, ok. Will fix the stuck issue. That's a nasty one.

Re: Show HN: Easel, web design in the browser

#52
post #44

This is cool. I like the concept. I'm hoping that someone can create a web app that reduces the need for Photoshop. You guys are off to an auspicious start. Great work! My only comment is that the UI was confusing for me. After 60 seconds of playing around, here are a few ideas to consider (if you wish): 1) The "inspector" window on the right seemed to change a lot. I know contextual "inspectors" are standard UI prac…

Thank you for such a detailed reply!

As for the circles, we thought they looked better than squares.

We've been getting tons of response on the number in the middle of the circle; it is the stroke width.

The 'inspector' (good name, btw) needs work. It definitely needs better layout and labeling.

Re: challenges. Noted.

Overall, thanks for the feedback. Know that we are integrating this into our todos. :)

Re: Show HN: Easel, web design in the browser

#53
post #36

Just 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.

One of Photoshop's virtues is, in my opinion, that it is NOT a browser and does not force one to think in terms of what browsers can do. Like all freedom, such a huge range of possibility does pose certain problems, but it also allows for very interesting, sometimes completely novel solutions.

I do both design and development and I find I use very different parts of my brain when doing one or the other. For me, it's important to stay far away from any kind of code until it's actually time to start implementing. Otherwise, I fall back to predictable habits.

Re: Show HN: Easel, web design in the browser

#54
post #36

Earlier quoted context omitted.

I think this is great for prototyping ideas. Using Photoshop for web design is an approximation at best.

True, but this is just a different sort of approximation, too. Layouts where all the elements are absolutely positioned don't work in the real world, so the markup and css will have to be 60%+ rewritten and will likely not look exactly as it's laid out here.

The intent at this point is to not generate layout html/css. Humans are much better at this right now than the editor could be. And the assumption is that the programmer will want to write the layout code himself anyway, being careful to place it in nice modules that fit with their dev environment.

We could build an entire product just trying to generate semantic, reflowable markup from a design.

Re: Show HN: Easel, web design in the browser

#55
post #38

Earlier quoted context omitted.

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 h…

I think what you have is great and I think you should run with what people are seeing this as "awesome" for, design prototyping. I think making this into anything that generates layout or uses the browser engine is going to be either: much harder than you think, or: will lose much of the functionality that you can allow for now via "do whatever, drag/drop, absolute positioning".

I totally agree. I've been wanting an app like this for the last 6 months (wondering why one didnt already exist), and a lack of fluid layout doesnt put me off at all. The one thing I really want is realtime collaborative use, ala google docs (Firebase should make that easy).

Re: Show HN: Easel, web design in the browser

#56
I'm a web application nerd and I really think you're onto something here. As an initial offering this app has a lot of promise and I can't wait to see what else you guys do with it in the future. Everyone will be designing (pretty shortly) in their browsers it's only a matter of time with the advent of cloud computing.

Re: Show HN: Easel, web design in the browser

#57
post #48

Very cool interface. Any a very nice usage of keyboard shortcuts. Can Easel output an entire web page? - meaning can I layout an entire page then get a zipped download of the page plus any CSS and JavaScript resources?

It can. But things will all be absolutely positioned. The intent is to generate pieces of html and css that fit into your dev environment. The code generation is still very much in-flux, but from what we're seeing, programmers dont want the entire thing generated.

Re: Show HN: Easel, web design in the browser

#59
post #38

Just 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 h…

> The hard part about using the browser's layout engine is that it is limiting to the designer.

True, and the even harder part is building a system that treats that as a feature rather than a bug.

Re: Show HN: Easel, web design in the browser

#60

Earlier quoted context omitted.

I think what you have is great and I think you should run with what people are seeing this as "awesome" for, design prototyping. I think making this into anything that generates layout or uses the browser engine is going to be either: much harder than you think, or: will lose much of the functionality that you can allow for now via "do whatever, drag/drop, absolute positioning".

I totally agree. I've been wanting an app like this for the last 6 months (wondering why one didnt already exist), and a lack of fluid layout doesnt put me off at all. The one thing I really want is realtime collaborative use, ala google docs (Firebase should make that easy).

You should email me. ben@easel.io
Post reply on HN