Probably the most underrated (and useful) CSS feature
72.1 هزار بار بازدید -
9 ماه پیش
-
Looking to step up your
Looking to step up your CSS games? I’ve got free and premium courses to help you out! 👉 https://kevinpowell.co/courses?utm_ca...
I don’t think I’m alone in not using named grid lines very often. They are something I dismissed early on because I figured line numbers were good enough and faster to use, and if I wanted named stuff, I’d simply use grid areas instead.
Plus, having lined names makes for ridiculously long declarations.
Despite that though, I’ve seen the light and in this video I’m going to do my best to convince you that you should be using named grid lines by going through three awesome things that they make possible, each one being cooler than the last… or at least I think so!
🔗 Links
✅ The video where I explored the first example in a lot more detail: A new approach to container and wrapp...
✅ A simpler look at grid line names: CSS Grid - Using line names
⌚ Timestamps
00:00 - Introduction
01:07 - A simple example
02:07 - Easily break out of sections with line names
04:07 - Double naming lines makes it even better
06:46 - You can make overlapping grid areas with line names
14:36 - Line names and subgrid
#css
--
Come hang out with other dev's in my Discord Community
💬 Discord: discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 Twitch: kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: Patreon: kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: Twitter: KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
I don’t think I’m alone in not using named grid lines very often. They are something I dismissed early on because I figured line numbers were good enough and faster to use, and if I wanted named stuff, I’d simply use grid areas instead.
Plus, having lined names makes for ridiculously long declarations.
Despite that though, I’ve seen the light and in this video I’m going to do my best to convince you that you should be using named grid lines by going through three awesome things that they make possible, each one being cooler than the last… or at least I think so!
🔗 Links
✅ The video where I explored the first example in a lot more detail: A new approach to container and wrapp...
✅ A simpler look at grid line names: CSS Grid - Using line names
⌚ Timestamps
00:00 - Introduction
01:07 - A simple example
02:07 - Easily break out of sections with line names
04:07 - Double naming lines makes it even better
06:46 - You can make overlapping grid areas with line names
14:36 - Line names and subgrid
#css
--
Come hang out with other dev's in my Discord Community
💬 Discord: discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 Twitch: kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: Patreon: kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: Twitter: KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
9 ماه پیش
در تاریخ 1402/09/14 منتشر شده
است.
72,168
بـار بازدید شده