6 ms·

I literally thought about this idea a few days ago and haven't found anything for Bulma.css so I created a quick mockup on codepen [0]. But I see this is much m

I literally thought about this idea a few days ago and haven't found anything for Bulma.css so I created a quick mockup on codepen [0]. But I see this is much more advanced. Do you use a frontend framework like Bootstrap or Foundation or is it a custom implementation? The reason why I'm asking is that basically we want to prototype the layout with an existing framework, export it and then extend it later in the backend. This tool is perfect if you want to create a single page or a html email, but if you want to build the whole frontend for a big app or site, you want to use an existing framework that's widely supported (if of course you want to use a framework)... Great job otherwise! I see myself using it for specific projects [0] https://codepen.io/yulian/full/rRNxJx https://codepen.io/yulian/full/rRNxJx (still work in progress)

tmikaeld 8y ago
Check out PineGrow (Offline) and Webflow (Partly data-driven) too, it's quite impressive what they can do. I've built a site builder 5 years ago for a client using Semantic UI, it was a great choice for data-driven sites but hard for custom sites (which pinegrow and webflow are more suited for). Many site-builders these days grow their own framework to ensure a lock-in effect, you can't move the site off the platform because it takes too much work to re-bind the data and functionality (Especially eCommerce).
- ioulian 8y ago
  As far as I've seen, these tools are indeed useful. But you are right about the lock-in. I think this is perfect for non-developers (of small budgets), allows them to create a "basic" website, but sometimes you just require another framework.
iSnow 8y ago
That actually interests me, do you have a Github? Background is that I am building a flexible frontend solution for databases with Bulma, and would like to configure it via YAML/JSON, but of course a drag-n-drop solution would make some things much easier.
- ioulian 8y ago
  Yes: https://github.com/ioulian https://github.com/ioulian I'm planning to put this app on github once I refactor JS. I hope I'll finish it in the next few weeks. (don't wait it to be as advanced as the Grape one, but it'll contain all bulma components and classes). I'll also add an export function as HTML. Maybe a json export would be lovely too.
  - iSnow 8y ago
    Please dump it to your github right now. I have seen too many projects that never got cleaned up and simply died.
    - ioulian 8y ago
      You can find it here: https://github.com/ioulian/bulma-layout-builder https://github.com/ioulian/bulma-layout-builder I've refactored the application, I plan to add the full class list there and components.
      - iSnow 8y ago
        Cool, thanks!
makeee 8y ago
I’m working on something pretty similar to what you describe (exports full app, integrates with bulma components). Don’t want to self-promote here, but happy to give you access to the alpha. Email in profile.
LandR 8y ago
O/T but I hate how code pen won't render content if the browser doesn't send a referrer. Your link doesn't work for me, and stuff like examples on plotly site don't work... CodePen requires a referrer to render this. Your browser isn't sending one. Why should it need a referrer!
- gomoboo 8y ago
  Here is CodePen's justification for requiring a referrer: https://blog.codepen.io/2017/10/05/regarding-referer-headers/ https://blog.codepen.io/2017/10/05/regarding-referer-headers... They don't say why exactly though.

tmikaeld 8y ago

Check out PineGrow (Offline) and Webflow (Partly data-driven) too, it's quite impressive what they can do. I've built a site builder 5 years ago for a client using Semantic UI, it was a great choice for data-driven sites but hard for custom sites (which pinegrow and webflow are more suited for). Many site-builders these days grow their own framework to ensure a lock-in effect, you can't move the site off the platform because it takes too much work to re-bind the data and functionality (Especially eCommerce).

ioulian 8y ago
As far as I've seen, these tools are indeed useful. But you are right about the lock-in. I think this is perfect for non-developers (of small budgets), allows them to create a "basic" website, but sometimes you just require another framework.

iSnow 8y ago

That actually interests me, do you have a Github? Background is that I am building a flexible frontend solution for databases with Bulma, and would like to configure it via YAML/JSON, but of course a drag-n-drop solution would make some things much easier.

ioulian 8y ago
Yes: https://github.com/ioulian https://github.com/ioulian I'm planning to put this app on github once I refactor JS. I hope I'll finish it in the next few weeks. (don't wait it to be as advanced as the Grape one, but it'll contain all bulma components and classes). I'll also add an export function as HTML. Maybe a json export would be lovely too.
- iSnow 8y ago
  Please dump it to your github right now. I have seen too many projects that never got cleaned up and simply died.
  - ioulian 8y ago
    You can find it here: https://github.com/ioulian/bulma-layout-builder https://github.com/ioulian/bulma-layout-builder I've refactored the application, I plan to add the full class list there and components.
    - iSnow 8y ago
      Cool, thanks!

makeee 8y ago

I’m working on something pretty similar to what you describe (exports full app, integrates with bulma components). Don’t want to self-promote here, but happy to give you access to the alpha. Email in profile.

LandR 8y ago

O/T but I hate how code pen won't render content if the browser doesn't send a referrer. Your link doesn't work for me, and stuff like examples on plotly site don't work... CodePen requires a referrer to render this. Your browser isn't sending one. Why should it need a referrer!

gomoboo 8y ago
Here is CodePen's justification for requiring a referrer: https://blog.codepen.io/2017/10/05/regarding-referer-headers/ https://blog.codepen.io/2017/10/05/regarding-referer-headers... They don't say why exactly though.