The latest articles on DEV Community by XH (@xhfloz). https://dev.to/xhfloz https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F760191%2Fd10e6b99-81c0-4844-bb0c-36536037307a.jpg https://dev.to/xhfloz en XH Tue, 23 Nov 2021 15:07:27 +0000 https://dev.to/xhfloz/mmmpage-make-livelier-free-form-personal-websites-try-editing-the-homepage-itself-egk https://dev.to/xhfloz/mmmpage-make-livelier-free-form-personal-websites-try-editing-the-homepage-itself-egk <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eGLgzkpo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylb4ie75rqf1io7aks93.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eGLgzkpo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylb4ie75rqf1io7aks93.gif" alt="Image description" width="800" height="659"></a></p> <p>Hey all,</p> <p>I've spent the past few months working on a website builder (works on desktop &amp; mobile) that makes it easy to create automatically-responsive, collage-like websites -- websites that allow you to overlap text, images, GIFs, YouTube videos, etc. etc.</p> <p>I launched a few months back, and to my surprise it ended up on the <a href="https://news.ycombinator.com/item?id=27128424">front page of Hacker News</a> and <a href="https://www.producthunt.com/posts/mmm-page-4">#2 product of the week on Product Hunt</a>.</p> <p>Since then I've patched up a lot of the builder based on user feedback, and wanted to share it with everyone today.</p> <p>Try here → <a href="https://build.mmm.page">https://build.mmm.page</a></p> <h2> Motivation </h2> <p>Websites have begun to look more and more similar to one another, which makes sense, given how tedious responsive design can be, but I also lamented that increasingly rare personal website that I used to see everywhere. So I wondered: what if I could create a builder that was so easy to use -- one that would handle responsiveness, performance, usability, deployment, maintenance, etc. for you -- that more people could quickly launch a website of their own?</p> <p>So this is my attempt at that. </p> <h2> Notable Features </h2> <ul> <li> <strong>Automatically responsive.</strong> Every website automatically works across all screen sizes (try it with the <a href="https://build.mmm.page">the builder</a>).</li> <li> <strong>Smart embeds.</strong> Paste in a supported link (YouTube, SoundCloud, Bandcamp, CodePen, Spotify, a few others) and it will automatically embed playable content.</li> <li> <strong>Actual drag-and-drop.</strong> No grids or locking. Overlap, rotate, and position just like you would with a scrapbook.</li> <li> <strong>Custom domains.</strong> </li> <li> <strong>Draw on your pages.</strong> Draw/doodle directly on your websites.</li> <li> <strong>Free, optional pro.</strong> It's free forever. Upgrade only if you need custom domains or more blocks/pages!</li> </ul> <h2> Future </h2> <p>A lot more features coming. Soonest are custom fonts + custom code support. Going into 2022, one of the biggest priorities will be the community/discovery features.</p> <h2> Links </h2> <p>Discord: <a href="https://discord.gg/4ZCvv8aNKd">https://discord.gg/4ZCvv8aNKd</a><br> Twitter: <a href="https://twitter.com/mmmdotpage">https://twitter.com/mmmdotpage</a><br> Showcase: <a href="https://showcase.mmm.page">https://showcase.mmm.page</a></p> <p>Try here → <a href="https://build.mmm.page">https://build.mmm.page</a><br> Follow <a href="https://twitter.com/xhfloz">@xhfloz</a> for updates</p> showdev webdev design