I think this would open up Glitch to an even broader audience.
And honestly, even as an experienced developer, sometimes it's nice to put something together quickly in a wysiwyg editor and move on to more important things.
@stefan I love Framer for that kind of stuff. I started by not really liking it, but once I started using it I discovered that it's easy to make a website look very nice without much coding
I've been thinking about an easy way for people unfamiliar with HTML + CSS to easily create websites for an upcoming workshop (beyond a plain "Hello World"), and WYSIWYG Editors that bridge ease of use with visible code like the one you've shared are key! 🔑 Your implementation of GrapeJS is one of the less daunting ones I've encountered so far.
Also, I always love when walkthroughs have a "replay" function. It puts me at ease to know that I don't have to remember every single thing when I'm using a new tool.
For some reason, though, when I tried it on my end (using Firefox), it played in reverse? 😂
@stefan Another really fascinating example of easy WYSIWYG page creation to code is a demo of @penpot 2.0 (the open source Figma). In the upcoming release, users will be able to visually design flexbox and grid-like layouts, and then copy-paste the HTML and CSS into a code editor to build actual websites / web components.
@stefan Ultimately, though, my dream would be to have an open-source WYSIWYG editor/web page generator like Pagy: https://pagy.co/
What I find with GrapeJS is that creating nice layouts and translating an imagined layout to page is still a bit tricky for users who aren't familiar with CSS principles (even though you do a great job of demoing the margin trick in the docs).
Unfortunately, the dev of this app doesn't have plans to add an export function, so a girl can only dream...
I'm just not seeing much information about it online, so I'm not sure if this is the next version of their editor, or something that's separate, maybe even paid.
@stefan This will be something epic! I used to make HTML pages from my blog when it was on WP, but I haven't done that in a while. I should start doing it again. My CSS is rough, not since 2006 or so.
@ladyhope Thank you! It's a bit of an experiment, my hope is that it'll serve as an onboarding for at least a few people that would otherwise feel a bit intimidated by having to jump straight into coding.
The idea is that you can build something simple and get inspired to play around with the finished code - but even if not, you still have a nice little personal site that you can be proud of.
This might not really address the biggest obstacles to people hosting their own personal websites (https://stefanbohacek.online/@stefan/112089576884146559), but I'm hoping it will help and inspire some of the less tech-savvy folks.
@stefan oh man I can't see how they wouldn't. I haven't tried a site on Glitch, maybe I should try. It looks awesome. I've done a couple on Neocities though, really dig that one.
Add comment