Shoelace.io

Dev tools

css grid builder

SHOW HN2014

158points
46comments
#156of 2,272 in 2014
Top 7%of 2014 by points

How HN took it

MixedNo clear lean

11 positive, 11 neutral or asking, 3 mixed, 4 critical, out of 29 comments about the project. Thread score +0.26.

Idea: 6 for, 0 againstExecution: 1 for, 3 againstDesign: 1 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Useful for explaining and learning grid concepts

    From 4 comments
    • Really nicely done. I do not really see it in my workflow much because typing is faster than dragging around for me now and I am pretty familiar with grid concepts, but this will…
      lominming on HN
    • This is great! It's always so hard to explain how bootstrap css and html work to non-technical people.
      coderzach on HN
    • Thank you! I've been trying to get my head around responsive grids for a while and after using this for 2 minutes I finally "get it".
      schmidtc on HN
    • This was really useful, thank you! I've always had a hard time visualising the grids. Is there anyway I can add text, images and buttons? Mostly for testing layouts.
      seivan on HN
  • Dragging and snapping feel polished

    From 1 comment
    • Really nicely done. I do not really see it in my workflow much because typing is faster than dragging around for me now and I am pretty familiar with grid concepts, but this will…
      lominming on HN

Objections

  • Nested containers or rows not supported

    From 2 comments
    • 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…
      eflowers on HN
    • 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…
      tcfunk on HN
  • Save and live preview were broken at launch

    From 2 comments
    • You're welcome. Saving is broke right now. Be sure to check out the Less Mixin mode where you can name your rows and columns and use pure Less to make the grids. Fun fact - it's…
      eflowers on HN
    • For anyone still reading - I fixed the save/preview feature, its really cool. Example: http://shoelace.io/#2aed04bc819c4c7da28a
      eflowers on HN
  • Site broken in China due to Google Code hosted JS

    From 1 comment
    • The site is broken for China, since the prettify js code is hosted on Google Code.
      tianshuo on HN
  • Offset bug allows sticky offsets

    From 1 comment
    • Offset appears to be 'sticky' in that sm-offset-0 is possible by dragging the left most cell offset bar to the right then drag the whole thing left. Really nice visualization;…
      lowmagnet on HN

Requests

  • Support nesting rows and columns

    From 2 comments
    • This is great! I can't figure out how to nest containers though, is this supported?
      radicality on HN
    • +1, nesting would be the killer feature
      zapt02 on HN
  • Add text, images and buttons

    From 1 comment
    • This was really useful, thank you! I've always had a hard time visualising the grids. Is there anyway I can add text, images and buttons? Mostly for testing layouts.
      seivan on HN
  • Support Zurb Foundation grid

    From 1 comment
    • Really nicely done. I do not really see it in my workflow much because typing is faster than dragging around for me now and I am pretty familiar with grid concepts, but this will…
      lominming on HN
  • Support older browsers

    From 1 comment
    • This is pretty awesome! One suggestion: would it be possible to add old browsers as well? I am working on an app that doesn't render well on older versions of Firefox. I'll use…
      S4M on HN
  • Re-arrange columns and clearer column labels

    From 1 comment
    • Is there a way to re-arrange columns? I couldn't get negative pulls to work :(. I think bigger column names, or different column colors would improve the usability once you have…
      jitl on HN

Questions

  • Can you nest containers or rows

    From 1 comment
    • This is great! I can't figure out how to nest containers though, is this supported?
      radicality on HN
  • Can column type be changed from lg to xs

    From 1 comment
    • Can you change the column type from lg to others like xs?
      larme on HN

Alternatives named

  • JetStrap

    From 1 comment
    • This is awesome! I'll definitely start using this. I've seen JetStrap before for building the full UI. But this is great for alot of my uses.
      jxm262 on HN
  • Bootply

    From 1 comment
    • 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…
      eflowers on HN
  • Zurb Foundation grid builder

    From 1 comment
    • Really nicely done. I do not really see it in my workflow much because typing is faster than dragging around for me now and I am pretty familiar with grid concepts, but this will…
      lominming on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/8043058)