Видео

I thought this might be your second account, as the Raccoon was familiar. 🙂 Very cool to see that you're into Rubik's Cube! 🙂

🙏

Thanks so much, Matheus! 🙏

I'd love that too. Safari TP already supports it, so hopefully it won't be years. 🙂

@@CSSWeekly I fear that Blink and Gecko have too many other priorities right now and it will be one of those things like user-valid/invalid where Moz had support for nearly a decade before the others got on board. But I sincerely hope you’re right and it’s quicker than I think!

Hvala, Hrvoje! ❤️

Thanks so much, Daniel! 🙏🙏

Thaks a lot, José! 🙏🙏

Thanks, Tony! 🙏

Thank *you* Ben, and please keep up the inspiring work! 🙂

That's an interesting point, Delanyo! The grid usage will surely go up if it includes masonry, but I don't think a standalone masonry can overtake the grid. Masonry is a very specific use case. 🙂

Thanks for the kind words and your continuous support, Lucian! 🙏

Get some sleep, my friend! 🙂 But yes, it can get complicated. As always, thanks for watching and commenting, Ahmad! 🙏

@@CSSWeekly I think I really need to get some sleep🤔

Thanks so much for your thoughtful and constructive reply and the compliment. I really appreciate it. 🙏 I usually have a bit more meaningful questions, but engagement is not that high, and I wanted to see if people respond better to easier questions. (They do. 🙂) From my understanding, watch time is the metric RUclips cares about, so I didn't think this would result in more views/subscribers. (It didn't. 🙂) And to be honest, it did feel good to see people adding those silly emojis-somehow, it feels more human than retention and average view duration graphs. But all that being said, I agree with you and I'll make more effort to ask meaningful questions. 🙂

Thanks so much, my friend! 🙂

The problem with using 'columns' is that the content order is column-first, so the user needs to read *down* the screen, then scroll back to the top for the next column, etc. Masonry is row-first, so the content order is across the screen first, which is not possible with 'columns'.

The problem with creating a masonry layout using columns is that columns fill a column at a time, so instead of getting the first items all above the fold, you have the first items in the first column, and the top of subsequent column are things well down the list. For some uses, that's not a problem, for others, it is. CSS columns also get weird if you're doing vertical infinite scrolling.

Thanks for your question, Karim! 🙂 Others already covered it perfectly-columns aren't a good enough solution, as content needs to flow row-first. Additionally, with masonry, you'll be able to set up the container on a cross-axis for a horizontal layout. 🙂

Yea, thanks everyone! It's just I rarely needed masonary so I didn't really think about how the content flows would be an issue.

Good point! Perhaps we should overcomplicate all new features so people can finally start taking CSS seriously. 😆

@@CSSWeekly I already hear from many people even with 10 years of experience that CSS is becoming more difficult to understand with its has and nesting. And this is just the beginning, and now they will start using @property @scope @layer @container query/style en masse. I don't know what will happen to these people. Personally, I follow all the innovations in CSS because I am a supporter of CSS First!

I wholeheartedly agree with the CSS-first approach! 💯 The new features you mentioned are far from one property you can start using today. The language is evolving, and we can either evolve with it or get left behind. 🙂

Excellent point 😂

​@@CSSWeekly CSS-first FTW! Yes, the language is evolving (and I'm following it since about 22 years ago) but, at the same time, as much as I'd love to remain a specialist, industry is only opening more and more full-stack jobs… And I can only feel for front-end quality, in general… 😔

Yes, you can! 🙂 In the command palette, check the "Settings Sync: Configure..." option: cln.sh/rBSjfd5y You can enable Profiles and Snippets sync. I hope this helps. 🙂

@@CSSWeekly this is excellent news, I though I would to export to gh and import from after changes

Yes, and I won't admit that this set is the main reason for this video. 🤣

That's a great tip, Erick! I didn't even consider mixing "MARK:" with "#region." 🙂 Thanks so much for sharing this! 🙏

It is! Do you use it as a primary browser for development? 🙂

@@CSSWeekly Not yet, but I am going to try it!

That's cool; let me know how it goes! 🙂 To be honest, I think Firefox DevTools are not as good as Chrome's, but it's certainly a good idea to switch around, at least occasionally. 🙂

I'm glad to hear this! 🙂 Absolutely, we should avoid log files as much as possible, but in cases where that isn't possible or practical, something like this can certainly help. 🙂

It's really cool to hear that you used regions and that you used to work with VB/C#, Ahmad! 🙂

@@CSSWeekly I'm old enough, I coded in MSX-BASIC 😁

Nice! We were learning Basic in school, and later, I coded a bit in Borland Turbo Pascal 7 and then Cobol on my first job. 🙂

Thanks for the comment, Dave! 🙏 I've just tested both extensions and can't get HTML to CSS Autocompletion to work either. I guess one of the VS Code updates broke it, and they still haven't updated it. 🤷‍♂️ HTML CSS Support works for me, but it has to be configured with paths to CSS files either in settings.json or in workspace settings. Here's my example that picks up CSS from all files in the "css" folder: cln.sh/xKgscbf6 Does this help?

Yes! I plan to create a video on how to set up VS Code from scratch. I'm not sure when it will be released, so stay tuned. 🙂

I'm so happy to hear this! Thanks so much! 🙏

Thanks so much, Zvonko! 🙂

You're very welcome, Rafael! I'm glad you found this helpful! 🙂

Thanks for an interesting question, Sauvik. I don't think this is possible with profiles. 🤷 Where do you configure your git remotes? It seems like this should be configured by the project, so you can have a separate project for learning with different git configurations. Is this what you're looking for?

Yeah got that, after watching a bunch of more videos!😅 Still thanks for helping🙌❤️

I'm happy to hear you found your answer! 🙂

Thanks for your question! 🙂 This is accessible; the screen reader will read the email correctly as it understands and parses CSS. I've tested it in VoiceOver. The problem with this is that it isn't clickable and therefore usable. I've addressed this in a follow-up video. Here is the link, in case you want to check it out: ruclips.net/video/WhwvCAbRJVE/видео.html

Thanks so much, Stanley! 🙏

@@CSSWeekly too bad that the support is 0.02% atm

Oh, this will improve soon. Hopefully. 🙂

Yes, you are right! It is always better to set up transition only for the properties you want to transition-a height in this case. 💯 Thanks so much for sharing this; I’ll keep it in mind for future videos. 🙂

🥰

Thank you so much for this thoughtful comment, Сергей! I'm glad you think so, and I more than agree with your points that we need to continuously reevaluate our knowledge and practice! 🙏

I'm glad you think so! Thanks so much for watching and commenting. 🙂

Good point about performance, Ahmad. I think it's always a good idea to keep an eye on performance when dealing with animations/transitions. 🙂 Thanks so much for sharing your insight! 🙏

I’m glad to hear this! Thanks so much for watching and commenting! 🙂

You're welcome, Manish! Thanks for watching and commenting! 🙂