An idea I'm playing with: A tool that lets you build a basic HTML page, and shows you how to host it for free.

https://simplepagebuilder.app

#PersonalWebsite #indieweb #OpenWeb

Home | A simple page builder app.

Design your own personal page and find tools to host it for free.

@stefan I really love this concept, and it reminds me of a thread by @flamed on an "Easy Web": https://social.lol/@flamed/111730917308541254

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.

fLaMEd (@[email protected])

📝 New Post: An Easy Web. Jumping on internet discourse again 🔥 https://flamedfury.com/posts/an-easy-web/ #web #webdev #blog #indieweb

social.lol
@candide I added a guided tour that I hope better explains how the editor works. If you have a moment, I'd appreciate your thoughts!

@stefan Ooooooh!!! ✨✨ This is lovely!

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? 😂

@candide Hmm, odd, can't seem to be able to replicate that in Firefox myself, on Windows.

I made a small update to the code to make the step numbers explicit (I'm using https://tourguidejs.com), care to give it another try?

Intuitive and customisable tours for user on-boarding

TourGuide is a Javascript library for creating user tours and on-boarding steps for your apps.

TourGuide JS