Declare specific styles within a component with the scope CSS rule. Use two new media features. Scripting and prefers reduced transparency. DevTools has improvements for the sources panel. And there's plenty more. I'm Adriana Jara. Let's dive in and see what's new for developers in Chrome 118. The scope add rule allows you to scope style rules to a given scoping root and style elements according to the proximity of that scoping root. That was a lot of me saying scope, but what does it mean? Usually CSS styles are applied relying only on source order and specificity. With scope, you can override styles based on proximity. In the example on the screen, we have two themes. Without scope, the style applied is the last one declared. With scope, you can have nested elements and the style that applies is the one for the nearest ancestor. Scope also saves you from writing long convoluted class names, making it easy to manage larger projects and avoid naming conflicts. With scope, you can also style a component without styling certain things nested within. In a way, you can have holes where the scope style doesn't apply. Like the example on the screen, you could apply style to the text and exclude controls or vice versa. You can find the scope documentation in the post linked in the description. We use media queries to provide user experiences that adapt to the user's preferences and device conditions. This Chrome version adds two new values that can be used to adapt the user experience. Scripting and prefers reduced transparency. We may take for granted the presence of a scripting when our users access the web. However, scripting is not always enabled. Now, using the scripting media feature, you can detect if a scripting is available and apply particular styles for each case. The available values are enabled, initial only, or none. Another value you can test with media queries is prefers reduced transparency. Which lets you adapt web content to user-selected preference for reduced transparency in the operating system, such as the reduced transparency setting on macOS. Valid options are reduced or no preference. And you can check how it looks with DevTools. Check out the article in the description for the scripting and prefers reduced transparency media features documentation. DevTools has the following improvements in the sources panel. Number one, the workspace feature improved consistency, most notably by renaming the source's file system pane to workspace, along with other UI text. Number two, workspace also lets you see changes you make in DevTools directly to your source files. Number three, you can now reorder panes on the left side of the sources panel by dragging and dropping. Number four, the sources panel can now pretty print inline JavaScript within the following script types. Module, import map, speculation rules, and it highlights the syntax of import map and speculation rules, script types. For more updates to DevTools, check the post linked in the description. And of course, there's plenty more. Web USB API is now exposed to service workers registered by browser extensions. To help you reduce friction in payment request flows, user activation requirement in payment requests and secure payment confirmation was removed. Chrome's release cycle is becoming shorter. Stable versions will be released every three weeks, starting with Chrome 119. All the details, including links, docs, and specs are in the post linked in the description. Hit the subscribe button now so that you don't miss the latest Chrome DevTools video, GUI challenges, and more. Yo soy Adriana Jara, and as soon as Chrome 119 is released, I'll be right here to tell you what's new in Chrome.


my channel. Today's video as you can see from the title is going to be a hair review video. Thank you so much to Shay. I don't know how to say the company's name. Tina, Tina, I don't know. But thank you so much for sponsoring this video. Obviously I have the wig in now. I am going to show me installing the hair and then we're going to come back to this part. So since I already did my intro I'm just going to be showing the wig and what the wig came with before I start digging into it and messing with it. We're going to get more into what all came into the wig at the end of the video. And sorry about my voice. I think I'm going to mention it in the video. I've been sick for a week just a regular comment code. So please bear with me. But honey, this wig is so cute. I didn't end up bleaching the knots. I just did the lace tint. Now that I've already applied the wig I do wish that I would have bleached the knots. So I definitely do recommend bleaching the knots. But if you don't have time the lace tint still does just fine. Or I mean you can use foundation, concealer, whatever you choose to. It should all work fine. Um, yeah. You ask. I got a vapor up right under my nose. So that's why I look so freaking greasy. I was so stopped up, you guys. I still condemn but I was definitely stopped up in this video. So back to the wig.  So this point in time I already kind of customized it on the mannequin head. So now I'm about to just put it on my head and sorry I got a message. I'm going to put it on my head and see if I like how everything turned out or not. The wig. It did. It came FedEx. Shipping was about two to three days. Super, super fast. Sorry if my, sorry if my voice seems kind of wonky. I've been sick for a week. Just a regular common coat and I'm just not getting over it. So yeah, this is their box. I'm pretty sure I probably already showed it. Super cute. And in the box, it shows the length of the wig with just 22 inches, 13 by four lace front wig, 180% density. What you do get in your box, I already used the Wrapped Tail comb and I used the um, edge brush but you do get a bonnet.  You can also put your wig in this. Once you're done, I used the comb.  I would have been using these.  I think these are um, the butterfly clips are what I use. I think these are called something different if I'm not mistaken. I don't know but these hold so good. Like, look how good that freaking holds. So I love these kind of clips. They give you these. They also give you a wig cap and then some lashes. Getting into the wig, like I said, it is 22 inches. I believe it came body wave. I did have it curled. I'll throw in some pictures and some videos now but I've been taking pictures for about two hours and I didn't put any hairspray in it when I curled it because I don't want it to be like crunchy but it held a curl for a good two hours like they've just fallen but yeah, I've had it curled for at least two hours. I've been taking videos and pictures and stuff but other than that, it definitely holds a curl. If I would have used hair spray, I'm pretty sure it would have lasted all night but yeah. The hair is super cute. I don't have anything to complain about. It's definitely true to length. Let's see right here. Prince is always in the cut always as you know. But yeah, I definitely love this wig. It fits pretty good. Some wigs I've been getting have been really small but this company, they didn't ask me what size wig they just sent it to me so I guess this is the standard wig size. So yeah, if you have any questions, leave them down below and also don't forget to like this video, comment and subscribe and into my next video, I will see you lovelies then. Bye guys.