Live data from Hacker News

Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta

shoelace.io

31–40 of 50 posts

Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta

#31
post #21

This is great! I can't figure out how to nest containers though, is this supported?

I like how no one really answered this question, but just pointed out that you asked it incorrectly. I would like to know this as well...without the ability to create nested rows, I don't really see myself using this tool.

+1, nesting would be the killer feature

Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta

#35

Quick nitpick: all the links on the bottom (with the exception of the "Code by Shawn" link) appear to be non-operational.

Yeah, an bug from posting this in a hurry and problems deploying it from github to heroku. Fixing it tonight =D

Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta

#36
post #31
post #21

Earlier quoted context omitted.

I like how no one really answered this question, but just pointed out that you asked it incorrectly. I would like to know this as well...without the ability to create nested rows, I don't really see myself using this tool.

+1, nesting would be the killer feature

Nesting is the next on the roadmap once we get around to it. The Clojure for this is super complex, it was a ton of work making it "unbreakable" (as if). We're in a good spot to add it.

The nesting will actually "zoom" into the col you're putting it in and give you a new view, then you can zoom back out.

There IS a live HTML preview that you can actually see and drag your browser big and small.... but it's broke. Fixing it after work tonight.

Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta

#38
post #23

Earlier quoted context omitted.

Nope. This is all it does and all it is planned to do. There may be more features to extend the way it works, but it's strictly a grid tool and learning tool, not a builder. I wanted to attack the problem from a different angle than bootply and some of the others that recreate a WYSIWYG like Dreamweaver in the browser. This is JUST for seeing the grid and learning how it works, and seeing how the Less mixins work. It…

Yeah I wanted to say I am not looking for a builder. I just want to visualise how text looks like with those grids. Grids on their own isn't as important as grids with content. Still a great tool though, will come in handy.

As shaunxcode says, there is an unpushed preview that does let you expand it out with text, images, and then try it out live in a browser that is real HTML you can resize, etc. Really cool.

That should be done tonight.

Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta

#39
post #28

Earlier quoted context omitted.

What do you mean? You can change them to any by clicking on the left side different "views" and then change the column width to anything, and when you click back and forth between the responsive sizes you'll see it change live, and you'll see the HTML and Less change.

Now I get it. Thanks :)

I will look at the UX on that and make some improvements.

Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta

#40

After messing around with this, is there any reason to use any of the other sizes besides xs? With xs it seems like every device is covered, from the phone up to the large desktop.

XS keeps columns in a phone view, but often you want to just stack the cols and not use a grid so much as just "a shelf"

90% of my designs use col-sm-*, and then if stuff needs fiddling at md or lg I do it there. For xs I just usually let it default to stacked 100% cols.

Post reply on HN