As someone returning to make simple web UIs after a long stint in backend, and not wanting to learn a heavy JS framework, this is massively useful. CSS has gotten a lot of new tricks since I last checked!
It's basically an online book on grid-css that takes a while to read through in it's entirety, but after doing it a few times you'll understand grid on a deeper level.
Once you understand the layout, you can quickly find what you're looking for. The rough rules for the site are:
Content lives is accordions, hide what you don't want to see.
When starting out, Josh Comeau’s free tutorials were awesome. I felt like I understood Flexbox so well after reading his article. He does a great job explaining it all.
5 Comments
wyrmroot@programming.dev · 1 pts · 2y
As someone returning to make simple web UIs after a long stint in backend, and not wanting to learn a heavy JS framework, this is massively useful. CSS has gotten a lot of new tricks since I last checked!
starman@programming.dev · 1 pts · 2y
Yup, it's really nice nowdays.
Sherry@programming.dev · 1 pts · 2y
Since using tailwindcss, grids became my favorite layout. After reading this article, that is even more the case.
spartanatreyu@programming.dev · 1 pts · 2y
This is a great resources for css-grid newbies, but for a single page reference with all the info I need, I rely on: https://css-tricks.com/snippets/css/complete-guide-grid/
It's basically an online book on grid-css that takes a while to read through in it's entirety, but after doing it a few times you'll understand grid on a deeper level.
Once you understand the layout, you can quickly find what you're looking for. The rough rules for the site are:
W3dd1e@programming.dev · 1 pts · 2y
When starting out, Josh Comeau’s free tutorials were awesome. I felt like I understood Flexbox so well after reading his article. He does a great job explaining it all.