News for hackers. Stuff that matters.
Re:Show HN: Mmm.page – Drag and drop personal website creator by xhfloz on Wednesday May 12, 2021 @05:37AM (#27128426)
Hey HN! Been thinking about something like this for a long time, and finally decided to work on it three months ago. Excited to show everyone today!

.

———— TLDR ————

I built a website builder (works on desktop & 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.

Check it out @ https://build.mmm.page

Feel free to RT https://twitter.com/xhfloz/status/1392438711367909376 to help :)

.

———— Nitty Gritty Details ————

* Every page is automatically responsive (a demonstration of how is shown on the homepage).

* Allow text, images, GIFs, shapes, YouTube videos to start (much more planned).

* Everybody gets their own URL/namespace @ mmm.page/USERNAME

* _Actual_ drag and drop! No grid-locking (though there are layout alignment guides).

* Tiny cool thing -- try pinching and zooming on your touchpad (rotate works on Safari too).

.

———— Motivation ————

There seems to be fewer and fewer personal websites -- many of which now look increasingly similar -- and, yet, more people than ever have some Graphic Design Lite experience (a la Snapchat & Instagram), so I figured, it could be interesting to see websites made with a similar style, WYSIWYG composer as Snapchat/IG. (That, and the math to do these layouts manually is always too much hassle for me.)

.

———— Updates to Come ————

A lot still needs to be done, but wanted to share today to gather some feedback -- hope you find it useful!

Feel free to follow me on Twitter for updates (https://twitter.com/xhfloz)

.

-- XH (https://mmm.page/xh.main)

Re:Show HN: Mmm.page – Drag and drop personal website creator by michaelbrooks on Wednesday May 12, 2021 @07:19AM (#27128999)
Awesome work, I really like what you're doing with this.

I created my own personal page and followed each of the steps. However, I can't update the email, Twitter and IG links on each button. Am I missing something, or is this a bug? I'm on desktop using FF.

Re:Show HN: Mmm.page – Drag and drop personal website creator by easton on Wednesday May 12, 2021 @09:11AM (#27129923)
Those buttons are filler buttons, you have to drag a new button out to customize it (it showed a message about this for me, perhaps the developer updated it since your comment?)
Re:Show HN: Mmm.page – Drag and drop personal website creator by michaelbrooks on Wednesday May 12, 2021 @11:12AM (#27131281)
Ah, I must have missed that and deleted the label. Thank you so much for your help.
Re:Show HN: Mmm.page – Drag and drop personal website creator by dangoor on Wednesday May 12, 2021 @01:17PM (#27132734)
I'd love to be able to use this sort of editor to produce a static site that I control. My websites are currently static and deployed via netlify, but it would be awesome to create some pages with a tool like this.
Re:Show HN: Mmm.page – Drag and drop personal website creator by densekernel on Wednesday May 12, 2021 @07:04AM (#27128886)
Awesome! On trend with the aesthetic.

How did you accomplish the responsiveness with such a flexible layout?

Re:Show HN: Mmm.page – Drag and drop personal website creator by kickscondor on Wednesday May 12, 2021 @09:56AM (#27130347)
Not the creator, but looking at the source - everything is sized using 'rem' units. (Height, width, positioning of all the elements.) Kind of like using a percentage.

    style="height: 0.160992rem; width: 1.00383rem; left: 0.5rem; top: 0.273827rem; ..."
This can be used because `font-size` on the root html tag is set to the width in pixels of the screen - or 600px maximum.

And then font sizes for all the elements are specified individually.

Re:Show HN: Mmm.page – Drag and drop personal website creator by xhfloz on Thursday May 13, 2021 @03:25AM (#27139353)
Just launched on PH if anyone wants to show some support !

https://www.producthunt.com/posts/mmm-page-3

Re:Show HN: Mmm.page – Drag and drop personal website creator by john-doe on Wednesday May 12, 2021 @01:53PM (#27133189)
Something that could be great, and aligns with the general "collage" vibe, would be to allow (sandboxed) iframes…

(by the way, I'm glad you're using "nocookie" for youtube)

Re:Show HN: Mmm.page – Drag and drop personal website creator by input_sh on Wednesday May 12, 2021 @07:04AM (#27128887)
FYI nothing happens after clicking on Chaos Monkey → Proceed. I thought it was because uBO blocks sentry requests, but even when whitelisted, requests are made, but nothing happens.
Re:Show HN: Mmm.page – Drag and drop personal website creator by delibes on Wednesday May 12, 2021 @07:19AM (#27128998)
It looks fun. Well done!

One thought I had ... it'd be useful if you can add some features to support accessibility.

Re:Show HN: Mmm.page – Drag and drop personal website creator by HugoDaniel on Wednesday May 12, 2021 @06:46AM (#27128767)
awesome work! I love the flow, the simple concept of toolbar+modals for the UI, the premade sensible options. Oh and those menus and icons are very cool, did you use any special frontend framework?

anyway, keep it up! this is great :)

Re:Show HN: Mmm.page – Drag and drop personal website creator by eevahr on Wednesday May 12, 2021 @07:06AM (#27128904)
Very cool, interested to see whats behind the editor!