hii!

[rebane2001@infosec.exchange]

hii! if you're someone learning webdev and specifically css, what are some difficult or hard to understand/grasp parts for you?

i wanna make some beginner-friendly tutorial stuff and it would be good to know what i should focus on the most

[rinavolpina@rubber.social]

@rebane2001 I’m not really learning anymore but I sure feel like I’m a beginner when encountering certain issues… I’m getting the hang of flexbox but when it comes to more complex components like modals with scrollable content, I still get confused as to which element gets the overflow, where to set the height and which units to use (% vs dvh vs px)…

Maybe I just need to relearn the basics?

[chaoskitsune@woem.men]

@rebane2001@infosec.exchange I remember it took a bit for me to understand flexbox and grid.

Also some trip-ups like why height: 100% isnt doing anything

And theres the age old question of how do you center things

also psudo-elements took a while to learn

[chaoskitsune@woem.men]

@RinaVolpina@rubber.social @rebane2001@infosec.exchange ah yeah true theres so many units even still sometimes im like... which one do I pick? And im sure it trips up people starting off seeing so many

[tychi@merveilles.town]

@rebane2001 i also love css, sharing this random blog post i wrote (one of two paid blogs posts i've ever done )

Intro to CSS: A Beginner’s Guide to Cascading Style Sheets - Shopify

This intro to CSS will help you gain an understanding of the role CSS plays in web applications and everything you should know about this key tool.

Shopify (www.shopify.com)

i was trying to organize related properties to tune them in isolation. i do wish the publishers used the full codepen view without showing the code since the code is only there to support the css tweakers.

[chaoskitsune@woem.men]

@rebane2001@infosec.exchange id also add that in my journey of updating my knowledge to the latest css - learning that you can nest stuff and that css isnt as much of a mess anymore had been great but its also not something that most guides will show. Often you still see it the old way all expanded. That could be good to teach too

[hacknorris@mstdn.social]

@rebane2001 even if i know it i hate things like :has() @rules and other such functions…

[adama@mas.to]

@rebane2001 not sure how well this fits your goal but your talk on making games with css was really inspiring to me and caused me to start digging to try to figure out how to get some of my own stuff working; i quickly realized just how beginner i am and got stuck lol. I find it amazing and hard to wrap my head around how you can manage such complexity after looking at your css clicker code i'd love any intro tutorial around css hack type stuff!