Designer here. I was just using Easel yesterday before you added Bootstrap. I was trying to work 'visually'. Great first impression. VERY glad to see you've added bootstrap! Noticed a few things about the first Easel (Easel Pack (?) interface elements): I'd like the ability to paste color codes instead of using a color-circle. I need the colors to match the corporate identity and can't do that if I can't paste the ex…
I'm glad you've found it useful. We're planning on improving the color selection but until then you can actually just paste in the exact hex code if you highlight the current hex code in the color picker. Hope that helps.
Show HN: Use Easel to style and build Bootstrap interfaces
51–55 of 55 posts
Re: Show HN: Use Easel to style and build Bootstrap interfaces
#52Oh with regards to your payoff: "Design & build in your browser" I don't design in the browser. I do build my design in the browser. I design on paper, using Photoshop, Illustrator and what not. If you're designing you don't have a clear idea of what you're going to make and you're changing things, replacing, resizing... Wouldn't recommend that in a browser ;-)
Re: Show HN: Use Easel to style and build Bootstrap interfaces
#53Things I like about Easel: - Zipfile export contains everything you need to demo your site with a web server - The UI. It's simple and elegant [1] in its most minimal implementation, but grows in complexity in the right ways when you need it to. The menus are easy to understand at the core, and the functionality behind it should be self-evident to most front end devs. Kinks can be worked out but the overall implement…
To address your concerns:
- The stylesheet from the demo seems to work as expected. It mixes absolutely positioned elements and elements inside containers. The goal of that demo is to show the flexibility. I suppose the usage of absolutely positioned elements isnt obvious.
- When using the bootstrap containers, elements snap to bootstrap's grid systems. When you dont use the containers, you can use the built in grid. Under the grid menu, you can turn on/off the grid and a 960gs grid system.
- I'd like to know more about the bugs. We'll fix the issue with the upgrade path. I didnt see your email address in your hn profile. Please email me at ben@easel.io and let me know which features dont work and which ones are an eyesore.
-- did the bootstrap dropdown not work? There should be 2 other options: 'Easel Pack' and 'Icons'
-- We'll think about the best way to allow hiding/resizing of the inspector.
Thanks again for the comment.
Re: Show HN: Use Easel to style and build Bootstrap interfaces
#54Things I like about Easel: - Zipfile export contains everything you need to demo your site with a web server - The UI. It's simple and elegant [1] in its most minimal implementation, but grows in complexity in the right ways when you need it to. The menus are easy to understand at the core, and the functionality behind it should be self-evident to most front end devs. Kinks can be worked out but the overall implement…
The preview sidebar is something that's been bugging me for a while...so now it's gone. No reason to overcomplicate things, preview now just serves up the static HTML.
We've got some big things coming up, stay tuned!