Live data from Hacker News

Divshot

divshot.com

41–50 of 113 posts

Re: Divshot

#42
post #14
post #7

Interesting that the tagline is Interface Builder for web sites. One of the big powers of IB is that it ties back into your code so directly. This seems somewhat separated from whatever underlying code I'm creating. I think the killer app is really an IB-for-the-web that plugs into Rails/Django/Symphony/etc so you can start building a web app visually, without sacrificing code quality.

The great thing about building web apps is that it's extremely easy to connect the front end to the back end. By focusing our efforts on making the experience building the HTML and CSS great, we don't have to force a choice on you like Rails vs. Django or Backbone vs. Spine.js.

Perhaps Divshot could have some plugins that allow you to take the generated markup and specify, for example, which elements should repeat from an array passed through from Rails, or Django, etc. Then export that kind of code. Export to HAML would also be nice.

Re: Divshot

#43
post #14

Earlier quoted context omitted.

The great thing about building web apps is that it's extremely easy to connect the front end to the back end. By focusing our efforts on making the experience building the HTML and CSS great, we don't have to force a choice on you like Rails vs. Django or Backbone vs. Spine.js.

Perhaps Divshot could have some plugins that allow you to take the generated markup and specify, for example, which elements should repeat from an array passed through from Rails, or Django, etc. Then export that kind of code. Export to HAML would also be nice.

Our bluesky visions aren't so different, but no promises that outrageous just yet :)

Re: Divshot

#44
I'm right at the beginning of designing my templates for a Bootstrap/Django project, so this is a really great time to see this. I'd really like the ability to tweak the designs without needing to edit a text file and reload the browser.

Question: do you guys support custom Bootstrap themes?

(Oh, and I wouldn't turn down an invite. The email I signed up with is in my profile.)

Re: Divshot

#45
post #14
post #7

Interesting that the tagline is Interface Builder for web sites. One of the big powers of IB is that it ties back into your code so directly. This seems somewhat separated from whatever underlying code I'm creating. I think the killer app is really an IB-for-the-web that plugs into Rails/Django/Symphony/etc so you can start building a web app visually, without sacrificing code quality.

The great thing about building web apps is that it's extremely easy to connect the front end to the back end. By focusing our efforts on making the experience building the HTML and CSS great, we don't have to force a choice on you like Rails vs. Django or Backbone vs. Spine.js.

That's great for the initial build-out, but what happens when I want to change something? I can't use your tool anymore, because for me to move an element on the page means I have to take that generated HTML/CSS and start over again converting it to a view template.

This is a far-off idea, but it would be cool if you had support for various frameworks and could plug into a git repo to map the view data into the templates you're outputting. That way I could continue to use your product for the full lifecycle of development.

Right now I write everything in HTML/CSS by hand and poke around with Firebug to do anything visual with it. I'd love a live-edited version of my view templates with a visual editor like this that generates high-quality code. I would pay a sizable amount of money for such a service.

Re: Divshot

#46
post #33

Got any sample output? I'd love to compare notes on the HTML your tool creates. I'm interested in this type of app, as I've built a design prototyping tool called Edit Room, that also creates production-ready HTML and CSS from visual design tools. http://www.edit-room.com/ Good luck!

Here's some 100% unmodified output from a page I threw together in about a minute just to post here: https://gist.github.com/3743829

Here's the same output in CSSDeck for a more convenient preview:

http://cssdeck.com/labs/vsjc8abl/0

Aside from some empty class attributes and extra div wrappers, the markup is really close to what I'd write by hand. Great work with the export!

EDIT: Oh, sorry - this isn't the same output as mbleigh posted. Mine is the tutorial page from Divshot when you first log in.

Re: Divshot

#47
post #33

Got any sample output? I'd love to compare notes on the HTML your tool creates. I'm interested in this type of app, as I've built a design prototyping tool called Edit Room, that also creates production-ready HTML and CSS from visual design tools. http://www.edit-room.com/ Good luck!

Here's some 100% unmodified output from a page I threw together in about a minute just to post here: https://gist.github.com/3743829

This is great cause it doesn't seem like it covers everything in div tags. Looks very clean and readable if you need to edit it by hand.

Re: Divshot

#48
Looks awesome, great work guys. The resulting code looks very clean and maintainable too. I'd love to check it out when you have more room.

Re: Divshot

#49
Please make this a downloadable app that I can run on my desktop, if it's not already (I can't tell yet).

I will never "sign in" to use a dev tool and I'm certainly not alone.

Re: Divshot

#50
post #49

Please make this a downloadable app that I can run on my desktop, if it's not already (I can't tell yet). I will never "sign in" to use a dev tool and I'm certainly not alone.

So I take it you're not a GitHub user? :)

Desktop/downloadable version is on the horizon but not our first focus.

Post reply on HN