5 ms·

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! . ———— TL

by xhfloz 5y ago

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 https://build.mmm.page Feel free to RT https://twitter.com/xhfloz/status/1392438711367909376 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 https://twitter.com/xhfloz) . -- XH (https://mmm.page/xh.main https://mmm.page/xh.main)

HugoDaniel 5y ago
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 :)
densekernel 5y ago
Awesome! On trend with the aesthetic. How did you accomplish the responsiveness with such a flexible layout?
- kickscondor 5y ago
  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.
input_sh 5y ago
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.
eevahr 5y ago
Very cool, interested to see whats behind the editor!
delibes 5y ago
It looks fun. Well done! One thought I had ... it'd be useful if you can add some features to support accessibility.
michaelbrooks 5y ago
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.
- easton 5y ago
  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?)
  - michaelbrooks 5y ago
    Ah, I must have missed that and deleted the label. Thank you so much for your help.
dangoor 5y ago
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.
john-doe 5y ago
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)
xhfloz 5y ago
Just launched on PH if anyone wants to show some support ! https://www.producthunt.com/posts/mmm-page-3 https://www.producthunt.com/posts/mmm-page-3

by xhfloz 5y ago

HugoDaniel 5y ago

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 :)

densekernel 5y ago

Awesome! On trend with the aesthetic. How did you accomplish the responsiveness with such a flexible layout?

kickscondor 5y ago
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.

input_sh 5y ago

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.

eevahr 5y ago

Very cool, interested to see whats behind the editor!

delibes 5y ago

It looks fun. Well done! One thought I had ... it'd be useful if you can add some features to support accessibility.

michaelbrooks 5y ago

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.

easton 5y ago
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?)
- michaelbrooks 5y ago
  Ah, I must have missed that and deleted the label. Thank you so much for your help.

dangoor 5y ago

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.

john-doe 5y ago

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)

xhfloz 5y ago

Just launched on PH if anyone wants to show some support ! https://www.producthunt.com/posts/mmm-page-3 https://www.producthunt.com/posts/mmm-page-3