@starting-style is a game changer wooo thanks for making a vid on this
@frontendfyi2 ай бұрын
Thanks for commenting! Glad you liked the video!
@buildervision70822 ай бұрын
This is so great I've been looking for a developer KZfaqr who also teaches accessibility
@frontendfyi2 ай бұрын
Nice!! Happy you like my content 🙏 Always feel free to share ideas for topic you’d like to see content of.
@Mempler2 ай бұрын
It's such a simple but awesome feature. It's always such a pain to implement this in jsx especially if you want animations
@frontendfyi2 ай бұрын
I really like it! And that fact that is so new but we can use it everywhere already is even more amazing. I love the direction CSS is heading into!
@ilan1172 ай бұрын
I ❤ this channel … thank you so much for sharing and teaching us ✌️
@frontendfyi2 ай бұрын
Glad you enjoy it! Thanks for sharing this with me too! ❤️
@soniamaklouf1178Ай бұрын
Thanks for this video could you make a video on CSS trig functions I've seen ana tudor doing great things on codepen like her " No SVG, no image, CSS-only fluid slider with input"
@rakacoustic812714 күн бұрын
I'm excited
@frontendfyi14 күн бұрын
🔥🔥
@MonarchofSoulsАй бұрын
What a great video!
@frontendfyiАй бұрын
Thank you!!
@mouadt-b80422 ай бұрын
this is just amazing thanks bro
@frontendfyi2 ай бұрын
Glad you liked it!
@akinbobolaemmanuel33192 ай бұрын
What vscode theme are you using? I like the font also. I would like to change mine :)
@frontendfyi2 ай бұрын
It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static
@akinbobolaemmanuel33192 ай бұрын
@@frontendfyi thank you 😊💃
@bramvandinteren2 ай бұрын
Ahhhh yesss, eindelijk transitions van display:none naar flex! Neem aan dat dit altijd gebruikt moet worden i.p.v. opacity:0; visibility:hidden toch?
@frontendfyi2 ай бұрын
In dit geval combineer je het met bijv opacity 0 om een fade-in te krijgen. Display none en block hebben zelf geen waardes waartussen ze geanimeerd kunnen worden. Dus als je animeert naar display none, zal de browser op het laatste moment de property naar none zetten. Om dan een animatie te zien moet je zelf nog opacity animeren.
@PlayerRPG852 ай бұрын
Liked and subscribed!!!
@frontendfyi2 ай бұрын
Thank you! 🙏
@MyGeorge19642 ай бұрын
Nice!
@alexpanteli36512 ай бұрын
Eventually we will get rid of all these UI libraries. Hopefully. Thanks for the great content😊
@frontendfyi2 ай бұрын
I love the direction css is heading into. Doing these things with plain css definitely is the way! Glad you like the content 😌
@meylis_so2Ай бұрын
bro bro make a video about :has() :is() and so on. come on bro u re the best
@meylis_so2Ай бұрын
bro something lol i found when u write this : popover=" " i didnt an : /// but i use it anyways cause i can make some error
@Tapadar.Monsur2 ай бұрын
What VSCode theme are you using, Jeroen?
@frontendfyi2 ай бұрын
It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static
@abhishekkadam29992 ай бұрын
Is there a difference from the dialog element, other than being pure css.
@frontendfyi2 ай бұрын
The specs make a distinction which they call “modal” or”non-modal”. A dialog is a modal pop-up, which means that in order to dismiss that, the user _has_ to make an important choice in the dialog before it can be dismissed. The popover is non-dialog, meaning it does not have that restriction. This is also why for example the popover auto closes when you click the backdrop vs a dialog which you need to run a JS method for this to happen. There’s a lot of overlap between the two elements and you can definitely create a non modal with a dialog too. But this is what the docs say is their intended behavior. See here too: developer.mozilla.org/en-US/docs/Web/API/Popover_API#concepts_and_usage
@benve71512 ай бұрын
10/10
@frontendfyi2 ай бұрын
So kind!! Thanks 🙏
@ThaufiqSirajShaik2 ай бұрын
What theme are you using for vs code?
@frontendfyi2 ай бұрын
It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static
@feelsthevibes1662Ай бұрын
Which theme?
@frontendfyiАй бұрын
It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static