Split-Grid Generator
Dev tools
css layout generator
SHOW HN2021
Split-Grid Generator
We're pushing the envelope with CSS grid in interesting ways to make it resizable along any dimension.
split.js.orgHow HN took it
2 positive, 2 neutral or asking, 1 mixed, 0 critical, out of 5 comments about the project. Thread score +0.20.
Idea: 2 for, 0 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
Simple, fast tool for setting up basic CSS grids
From 1 comment
Fantastic, simple tool! Definitely saving it to my notes for future reference. Note: the min & max size settings... I don't quite understand. - What are the units? - does it…
aeoleonn on HN
Helpful for understanding how CSS grid works
From 1 comment
Hey, just wanted to say thank you for this! I'm working on solving a similar problem for a side project (though in Clojurescript) and this is super helpful for understanding…
nameless912 on HN
Tools that help people use flex and grid are welcome
From 1 comment
Love these tools. Any tools that help people use flex/grid is A++++ in my book.
rhacker on HN
Objections
Min and max size settings are confusing and unclear
From 1 comment
Fantastic, simple tool! Definitely saving it to my notes for future reference. Note: the min & max size settings... I don't quite understand. - What are the units? - does it…
aeoleonn on HN
Drag and drop UI gets buggy when min and max are used
From 1 comment
Fantastic, simple tool! Definitely saving it to my notes for future reference. Note: the min & max size settings... I don't quite understand. - What are the units? - does it…
aeoleonn on HN
Cannot add text to the example grid to test behaviour
From 1 comment
I wish I could add text to the example grid inside, to test how it behaves. Grid has a problem with long texts without spaces. (Finnish language tend to have those and I find…
Ciantic on HN
Requests
Let users add text to the example grid
From 1 comment
I wish I could add text to the example grid inside, to test how it behaves. Grid has a problem with long texts without spaces. (Finnish language tend to have those and I find…
Ciantic on HN
Clearer documentation of min and max units and scope
From 1 comment
Fantastic, simple tool! Definitely saving it to my notes for future reference. Note: the min & max size settings... I don't quite understand. - What are the units? - does it…
aeoleonn on HN
Questions
What units do the min and max settings use, and do they apply to a grid box or the screen?
From 1 comment
Fantastic, simple tool! Definitely saving it to my notes for future reference. Note: the min & max size settings... I don't quite understand. - What are the units? - does it…
aeoleonn on HN
Alternatives named
Split.js, the library this tool's predecessor came from
From 1 comment
We're pushing the envelope with CSS grid in interesting ways to make it resizable along any dimension. The end result is content agnostic since we're only touching grid…
nathancahill on HN
Hand-written CSS grid with media queries
From 1 comment
I think my favorite use of display:grid is being able to "visually" see how many columns I'm using on every media query as opposed to trying to do mental division on multiples of…
trinovantes on HN