Is there a design tool that uses CSS?
I mean like actually uses CSS, none of this not quite flexbox "auto-layout" stuff.
The gap between designers and developers mental models is growing by the day, especially with the rate of new CSS features these days.
We should be able to work with a shared mental model, that would be greatly helped by design tools embracing CSS and not recreating it from scratch.
@elly for sure the right question.
Not a proven fact, but it would seem like most design tools use tech optimized for performance of large documents (I worked on InVision Freehand for years and can confirm that WebGL was chosen because it was fast for large documents, not because it was easy to translate from design to code).
A lot of early in browser design tools started with the DOM, then moved to SVG, and most eventually end up in WebGL land.
@elly I can't find any old blog posts, but here are two apps from back in Bootstrap's heyday.
https://designshack.net/articles/css/divshot-an-awesome-way-to-design-and-build-bootstrap-pages/
https://designshack.net/articles/css/easel-a-wysiwyg-bootstrap-page-builder/
I was a main dev on the Divshot builder linked above. It was all html/css based because it generated bootstrap compatible code from the WYSIWYG.
Recently, we took a close look at Easel, a web-based site builder that leverages Twitter Bootstrap. Today we’re following that up with a tour of a very similar tool: Divshot. With Divshot, you can quickly and easily build clean, responsive web page layouts using a combination of visu...
@scottcorgan Thank you for sharing!
I think the infinite canvas is great for early on ideation and iteration but as the designs get more finalised having a design tool that uses html/css instead would be great for feasibility of design.
@elly just stumbled on this. AppreNtly it’s all CSS and HTML, not canvas.
Elly Loel
@