3 ms·
I just shared Layoutit grid site to my team last week. This site can take someone that doesn't understand grid to making a kick-ass layout in mere seconds. Ther
by coding123 6y ago
I just shared Layoutit grid site to my team last week. This site can take someone that doesn't understand grid to making a kick-ass layout in mere seconds. There's no other grid playground like it.
There is a similar site I recommend for people learning Flexbox here:
https://codepen.io/justd/full/yydezN/ https://codepen.io/justd/full/yydezN/
(That flexbox tutorial is hosted elsewhere too but the ads are less intrusive on the codepen site)
- patak_js 6y agoThanks for the kind words! So awesome that you are sharing the tools with others, I hope the rest of the team liked it too :) It is so cool to see the tool in the front page of HN! We got an article published in css-tricks on Thursday about why we think generators are good tools for learning https://css-tricks.com/layoutit-grid-learning-css-grid-visually-with-a-generator/ https://css-tricks.com/layoutit-grid-learning-css-grid-visua... We open-sourced Layoutit Grid just a few weeks ago. There is still a lot of features we would like to add to showcase even more how powerful CSS Grid is. In case someone wants to help us out! https://github.com/Leniolabs/layoutit-grid https://github.com/Leniolabs/layoutit-grid
- redonkulus 6y agoI know it goes against the merits of the site, but it would be great if there was a fallback option to output CSS for browsers that do not support grids.
- bobthepanda 6y agoThis would be pretty difficult, since at least some of the concepts of Grid (namely, anything involving calculation or auto-placement) are simply not supportable in old browsers.