Tangentially, I can't help but think if a person can use some of these tools, they're already a programmer. Reading the documentation, a "no code" user would need to know how to use a terminal, text editor, package manager, as well as understand data types, the DOM, and the box model. That isn't to say this is a bad library, but I question the no code premise.
@ARandomerDude, thanks for the sharing your perspective.
Then again, I created this library for people who create no-code tools not for who use no-code tools. Though they can also use this. I think, the title I wrote have given a wrong impression, that is, 6 or 9 the same thing. Ha ha.
I’d love this as part of browser plug-in to modify third party sites and have the changes persist.
I’d combine it with the ability to completely hide elements… The combination would be killer for removing cruft from frequently used sites and web apps.
Very cool, thanks. The nice thing would be the drag and drop functionality. As far as I can tell (I might be wrong) you still have to find the CSS selectors manually using the dev tools which adds a little friction.
I'm still working on the responsiveness of the spacers, though that is rarely needed because you can implement multiple spacers for different screen sizes.
So just a word on the post. Opening this on my phone opened me into the GitHub app.
The repo has no explanation of what this is. I then clicked on the link to the page. Still couldn’t tell what it was except it manages padding and margin. Then all the examples seemed not to be responsive.
So all I could tell was that it seems to have something to do with spacing and doesn’t seem to work well. ¯\_(ツ)_/¯
This is just my experience and others seem to see the value in this library but just wanted to share my perspective.
Thanks for sharing the feedback. I do agree the spacers doesn't work on mobile as the "dragging" part is a bit weird on mobile and the demo doesn't look good on mobile.
Gonna improve the responsiveness of demo layout for sure.
42 comments
[ 4.0 ms ] story [ 93.4 ms ] threadhttps://actuallyakash.github.io/spacers/
It’s cool, but just because it could be used for “no code” I don’t see how it is no code.
For example - web builders like Divi, brizy or Webflow uses this type of functionality all the time.
There was no library for it. And I was working on a project (a no-code tool) that needed this type of functionality.
that's why I thought, it's high-time now for a spacers library. I created the spacers through backbone.js and jQuery at that project.
But later, I created this library in pure JS (vanilla js).
That how spacers came into existence.
thank you for the info. It was an error at my end. Now it's fixed.
You can check it out. Let me know your feedback. :)
Thanks.
but this library helps you to make those no-code tools.
this will probably clear up any confusion you have:
https://www.commitstrip.com/en/2016/08/25/a-very-comprehensi...
I still think Kelsey Hightower has the only true no code solution
He's the legend. I totally admire his "nocode" tool.
But this library is not a no-code tool but "for" no-code tools.
bower install --save spacersjs
...
Option | Type | Default
element | string | null
...
Initialize with:
spacers({ element: '.element-unique-class' });
```
This is a neat tool and you did a great job.
Tangentially, I can't help but think if a person can use some of these tools, they're already a programmer. Reading the documentation, a "no code" user would need to know how to use a terminal, text editor, package manager, as well as understand data types, the DOM, and the box model. That isn't to say this is a bad library, but I question the no code premise.
I would feel elated if people can make use of it.
Then again, I created this library for people who create no-code tools not for who use no-code tools. Though they can also use this. I think, the title I wrote have given a wrong impression, that is, 6 or 9 the same thing. Ha ha.
happy with the validation :)
I’d combine it with the ability to completely hide elements… The combination would be killer for removing cruft from frequently used sites and web apps.
Couldn't find the current docs but here is the release announcement: https://developer.chrome.com/blog/new-in-devtools-65/#overri...
And Chromium Edge's docs: https://docs.microsoft.com/en-gb/microsoft-edge/devtools-gui...
hmmm! Let me check what can be done.
Also great job on the site - the video explains things succinctly in seconds.
I'm still working on the responsiveness of the spacers, though that is rarely needed because you can implement multiple spacers for different screen sizes.
That'll take care of the responsiveness.
Kudos to your future projects.
The repo has no explanation of what this is. I then clicked on the link to the page. Still couldn’t tell what it was except it manages padding and margin. Then all the examples seemed not to be responsive.
So all I could tell was that it seems to have something to do with spacing and doesn’t seem to work well. ¯\_(ツ)_/¯
This is just my experience and others seem to see the value in this library but just wanted to share my perspective.
Thanks for sharing the feedback. I do agree the spacers doesn't work on mobile as the "dragging" part is a bit weird on mobile and the demo doesn't look good on mobile.
Gonna improve the responsiveness of demo layout for sure.
Thanks again.
Hoping for the best
This is potentially something we could use with Budibase (low-code platform): https://github.com/Budibase/budibase
If there is synergy and Budibase is the type of platform you imagined when building this tool, let me know and we can possibly collaborate.
I would love to collaborate. Let me know how to connect with you!
I'm still looking into how Budibase works. Looks promising.