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

@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.

Demo: https://www.youtube.com/watch?v=r-USvt_p46g&t=317

Penpot 2.0 sneak peek: new CSS Grid Layout & Components coming soon!

YouTube
@candide @penpot This is great, thank you for sharing!