Maybe add a note that the site doesn't work in Safari. I tried clicking on some random icons and didn't understand what was going on. In Firefox the laylout looks correct but I don't have a clue how to use it.
Hmm, looks like a Tailwind bug, some classes don't seem to be generated for some reason. I'm using Play CDN which they outright tell users not to use in production and I've been wondering why. Maybe this is it? Surprised the problem only happens on Safari though, I would think the Play CDN developers use macs with Safari easily accessible for testing. Weird. Will try a minimal repro and if confirmed send a bug report I guess. Thanks for the note!
As for how to use Webfoundry, the learning curve is steep but short. As soon as you understand you can click elements and use the Styles tab (accessible through the paint brush action on the sidebar) to view and modify Tailwind CSS classes, everything should make a lot more sense.
Other than that, adding elements and navigating the DOM without drag-and-drop and without an HTML tree can seem counterintuitive but is very easy once you get the hang of it. You can use the Left Arrow to select a parent element, the Right Arrow to select the first child, and Up and Down Arrows to move the selection between siblings. This combined with click-to-select makes it quite easy to reach any point in the DOM tree very visually. Once an element is selected, you can use the Actions tab (accessible from the little hand icon on the sidebar) to create elements after the currently selected element, before, or inside using the action buttons that show up. Keyboard shortcuts are visible on the right so you can learn to use the keyboard if you want. It speeds things up drastically but isn't for everyone.
Anyways, thanks for giving Webfoundry a go even if short, we really appreciate it!
guiprav|1 year ago
As for how to use Webfoundry, the learning curve is steep but short. As soon as you understand you can click elements and use the Styles tab (accessible through the paint brush action on the sidebar) to view and modify Tailwind CSS classes, everything should make a lot more sense.
Other than that, adding elements and navigating the DOM without drag-and-drop and without an HTML tree can seem counterintuitive but is very easy once you get the hang of it. You can use the Left Arrow to select a parent element, the Right Arrow to select the first child, and Up and Down Arrows to move the selection between siblings. This combined with click-to-select makes it quite easy to reach any point in the DOM tree very visually. Once an element is selected, you can use the Actions tab (accessible from the little hand icon on the sidebar) to create elements after the currently selected element, before, or inside using the action buttons that show up. Keyboard shortcuts are visible on the right so you can learn to use the keyboard if you want. It speeds things up drastically but isn't for everyone.
Anyways, thanks for giving Webfoundry a go even if short, we really appreciate it!