Відео

he kinda on the spectrum

inline scoped style is maybe the perfect middle ground

It's great that Firefox exists as an alternative to Chromium and Safari. But it's a bit frustrating to me that they're so much slower at implementing useful features like this.

may I get the raw file?

very useful

Kevin, you make me fall in love with CSS each time, I visit one of your videos . thank you so much for the value! 🙌

1:50 Do I still really need to worry about making a website resonsive at this size?

1:50 Do I still really need to worry about making a website resonsive at this size?

the browser support is good for this feature so we can use it now :) great video!

what about color-mix? color-mix(in hsl , var(--brand-color) 30%, transparent)

I think media queries are the best choice for typography, but you can also use calc(...vw + ...rem)

Is there any way to control it by number of characters?

Watched this a couple week ago, came in handy today! Thanks Kevin!

Well... this video title didn't age that well. CSS4: Properties and features introduced in a spec around 2013 - 2018. CSS5: Properties and features introduced in a spec around 2019 - 2024.

Great video! Thanks! Greetings from Brazil

Thanks!

Lofi beats in the background, every coders zen.

Did you stop using scss?

Just used this, great trick for basically any reversible animation. Thank goodness I saw this video, or I'd have to make a mess of the css to actually make things work otherwise.

I like that attitude

what about making it smaller

Could you have used "gap" instead of the left margin to shift the image?

There is a subtle difference between display:block and display:flex; the text and image aligned differently.

Your videos are so helpful!! Thank you!

I was heavily using custom properties ( CSS variables ) to solve your problem i.e different card colours with different text accent cramped on a minimal amount of CSS classes. But it made the whole thing too much tightly coupled together and a chore to debug, I might give Scope a try soon ! 👍

Is there a way to pull styling into the admin's 'preview'? I couldn't find anything in Decap's docs. Thanks!

#NorthernGaza_is_dying_of_hunger #NorthernGaza_is_dying_of_hunger #NorthernGaza_is_dying_of_hunger #NorthernGaza_is_dying_of_hunger #NorthernGaza_is_dying_of_hunger

#NorthernGaza_is_dying_of_hunger

#شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع #شمال_غزه_يعاني_من_الجوع

Learning = (mistakes + retest) + Time

I like the first one I hate when you can't scroll down a website, it has happened to me and you need to just precisely move your mouse

blog.json not working worthless

Hey Kevin. It seems, that there is no difference with focus-visible and focus on input elements anymore. Buttons still work. Is this intentional and is there a workaround to eg show an outline on inputs only when navigating with a keyboard?

Making profit is what every investors want, when you're investing and not making good profit only losses it definitely becomes a waste of time and capital for you. Forex Trading has made a Lot of people wealthy and equally destroyed a lot others

what is the advantage of using scope instead of child combinator?

tks

Top

Having the scope work in HTML is awesome! I currently use CSS Scope Inline for this. Locality of behaviour like that is great for server-side rendering!

that interests me👀

Isn't it like using nesting in SCSS? @scope (.parent) { .child { color: blue; } } .parent { .child { color: blue; } }

actually, sometime this problem happen on desktop, for example when you have a horizontal scrollbar, and then you set the height to 100vh, it will have this problem

why i love programming more than study 😢 man___

I don't get it 😐

is the at font-face class meant for self-hosting? I ask because when I copy google fonts they don't share an at font-face class.

I recently implemented @scope on a very large, very poorly written legacy code base with hundreds of styles that are all applied with incredibly high specificity on very generic elements. I created a new component library to integrate into the existing codebase with sane css but I needed to my component css to ignore all existing styles. I wrapped the entire existing css in an @scope rule which means it will only apply up to my ".no-style" class which I then applied to each of the components in my library. It was the best of a very bad situation and i'm very glad it exists. Our site is used in very specific circumstances and we have less than .5% of users on Firefox. I check for cssscoperule support in js and load fallback css in the rare cases that people are on firefox.

Oh god daddy yes! Make that code readable! Oh god daddy yes! yes! make it readable daddy! :p Seriously tho I am so using this from now on.

Thanks!