Since using tailwindcss, grids became my favorite layout. After reading this article, that is even more the case.
this post was submitted on 26 Nov 2023
30 points (100.0% liked)
Web Development
3434 readers
1 users here now
Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development
What is web development?
Web development is the process of creating websites or web applications
Rules/Guidelines
- Follow the programming.dev site rules
- Keep content related to web development
- If what you're posting relates to one of the related communities, crosspost it into there to help them grow
- If youre posting an article older than two years put the year it was made in brackets after the title
Related Communities
- !html@programming.dev
- !css@programming.dev
- !uiux@programming.dev
- !a11y@programming.dev
- !react@programming.dev
- !vuejs@programming.dev
- !webassembly@programming.dev
- !javascript@programming.dev
- !typescript@programming.dev
- !nodejs@programming.dev
- !astro@programming.dev
- !angular@programming.dev
- !tauri@programming.dev
- !sveltejs@programming.dev
- !pwa@programming.dev
Wormhole
Some webdev blogs
Not sure what to post in here? Want some web development related things to read?
Heres a couple blogs that have web development related content
- https://frontendfoc.us/ - [RSS]
- https://wesbos.com/blog
- https://davidwalsh.name/ - [RSS]
- https://www.nngroup.com/articles/
- https://sia.codes/posts/ - [RSS]
- https://www.smashingmagazine.com/ - [RSS]
- https://www.bennadel.com/ - [RSS]
- https://web.dev/ - [RSS]
founded 1 year ago
MODERATORS
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!
Yup, it's really nice nowdays.
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:
- Content lives is accordions, hide what you don't want to see.
- The grid's container info is on the left column
- The grid item info is on the right column
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.