Відео

It’s a delicate balance indeed. In last weeks video I made the same thing with vanilla css. You can definitely use this approach in tailwind too. But even though it’s quite few classnames, we’re also adding quite some logic now, which used to require adding JS too. So thinking of that it might not be too bad right?

I’m not sure if I completely get what you mean. You’re saying this pseudo language that tailwind is might be going slightly too far now?

I know the point was to show the plugin API. Loved it! But it's the first time I thought styling was unreadable in Tailwind as opposed to CSS. I think it's the amount of stateful styling. But I'll probably sign up for your pro this week. Thanks for your hard work!

@LawJolla thanks so much, appreciate it! And yeah sometimes tailwind definitely becomes unreadable because of the amount of classes you need. Although I also dislike to then switch back to vanilla css because all of sudden my styles are then split over 2 locations. Again thanks for your kind words!

@@frontendfyi I completely get that concern and have faced it countless times too. Maybe my comment is better said “this is the first time I thought I would have split styles in this case”

Glad you enjoyed it! Thanks for commenting!

🙌

Thanks for your kind words! There’s no video by me explaining that topic unfortunately. I’ll think about it whether I can make such a video 🙏

It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static

Thank you!!

Thanks! Glad you liked it 🙏

Thank you! 🙏

The font is called Recursive Mono Casual Static

It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static

It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static

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.

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

Glad you liked it!

Nice!! Happy you like my content 🙏 Always feel free to share ideas for topic you’d like to see content of.

I love the direction css is heading into. Doing these things with plain css definitely is the way! Glad you like the content 😌

It stands for “unique selling points”. It’s a term often used to describe the best features of a product.

@@frontendfyi thanks, and nice video

Glad you enjoy it! Thanks for sharing this with me too! ❤️

It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme The font is called Recursive Mono Casual Static

@@frontendfyi thank you 😊💃

So kind!! Thanks 🙏

Thanks for commenting! Glad you liked the video!

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!

Hahaha. It’s so fun though! If you liked this you’ll probably love the video that drops next week too!

The font is called Recursive Mono Casual Static

Ooooh! You’re right! It’s such an old habit to automatically grab for position relative, haha. Thanks for telling me!

Thanks for wanting to buy the course 🙏 Frontend.fyi is my company, so pretty much both is the answer, haha. You do get a company invoice if that is what you're asking! Sent through Stripe. Let me know if I misunderstood your question!

@@frontendfyi perfect, no it was that. I will buy it today! Love your UA-cam!

Thank you so much, really appreciate it! Just shoot me a message in case you'd like anything changed with the invoice! jeroen [at] frontend.fyi, or via Discord which you get access to as a pro member.

I don't look at it as a Triptych though, I'd more see this as a 'Z' that folds in and out. I think it makes more sense then right? In either case I hope you still learned something!

Glad it was helpful!