Já era possível escrever :scope em seletores dos métodos matches() e closest() do JavaScript. Legal q agora tbm é possível usá-los no CSS, mesmo q apenas dentro do @scope.
@@dpwoficial gostei bastante, junto com seu vídeo ficou bem legal, quanto mais programamos , mais precisamos planejar os passos, div, classes, depois js, aprendizado e treino sem fim
Não mexo muito com apps nativos, mas, segundo entendo, WebViews leem as folhas de estilos dos sites. Neste caso, qualquer reset/normalize usado entraria em ação normalmente..
A estilização em react é escopada para quem usa styled components, não é?! Ou será que estou fazendo errado? kkkkk Eu tenho meu arquivo css e se eu não tiver cuidado, vaza o css. Inclusive usar BEM fica muito verboso com REACT, mais do que o normal. Estou iniciando agora, espero que compreendam minhas dúvidas
styled-components e outros similares proveem essa funcionalidade de escopado, sim. Quando pegar mais cross-browser, inclusive, vai rolar de fazer sem nada, usando @scope. E também com @scope dá para fazer uma mistura de BEM com rscss, tipo: ``` @scope (.c-my-awesome-component) { .title {} .footer {} .warning {} } ```
Utilizando o @scope somento usando somente com o inicio do escopo é igual a só um nesting certo? @scope (#foo) { .bar { background: red; } } ----------------------------------------------------------------------------------- #foo { .bar { background: red; } }
Conheci seu canal agora. Você é insano! Parabéns!
Vou tomar como um elogio. :)
Mas foi na maneira que você é fera no assunto. ❤
Aómais Uma pergunta: qual
Ê o comandomque vc usa para organizar em ordem das propriedades do css? Obrigado
@@MarceloGraciolli Quase todo editor/IDE tem essa funcionalidade e dá para configurar as teclas para ativar. No meu caso, coloquei F9.
Meu amigo seu trabalho é fenomenal
Meus parabéns e sempre ajudando nós desenvolvedores tmj man
tmj 👊
valeu, amigo css
Obrigado amigo você é um amigo.
Já era possível escrever :scope em seletores dos métodos matches() e closest() do JavaScript. Legal q agora tbm é possível usá-los no CSS, mesmo q apenas dentro do @scope.
E dá para fazer uns negócio assim também: `.querySelectorAll(":scope > div")`
@@dpwoficial olha, querySelectorAll eu não sabia. Muito legal.
Sabe configurar o Stylelint para seguir o BEM ?
Tem esse cara: www.npmjs.com/package/stylelint-selector-bem-pattern
@@dpwoficial vou testar
@@dpwoficial gostei bastante, junto com seu vídeo ficou bem legal, quanto mais programamos , mais precisamos planejar os passos, div, classes, depois js, aprendizado e treino sem fim
Com certeza,@@arozendojr . Já passou da hora de o dev br enxergar que CSS é muito mais que colocar corzinha no texto.
@@dpwoficial Pessoal usa também htmlhint, conhece ?
Link do curso??
www.cssalemdosensocomum.com.br/
Existe reset css para webview Android e iOS ?
Não mexo muito com apps nativos, mas, segundo entendo, WebViews leem as folhas de estilos dos sites.
Neste caso, qualquer reset/normalize usado entraria em ação normalmente..
A estilização em react é escopada para quem usa styled components, não é?!
Ou será que estou fazendo errado? kkkkk
Eu tenho meu arquivo css e se eu não tiver cuidado, vaza o css.
Inclusive usar BEM fica muito verboso com REACT, mais do que o normal.
Estou iniciando agora, espero que compreendam minhas dúvidas
styled-components e outros similares proveem essa funcionalidade de escopado, sim.
Quando pegar mais cross-browser, inclusive, vai rolar de fazer sem nada, usando @scope.
E também com @scope dá para fazer uma mistura de BEM com rscss, tipo:
```
@scope (.c-my-awesome-component) {
.title {}
.footer {}
.warning {}
}
```
Utilizando o @scope somento usando somente com o inicio do escopo é igual a só um nesting certo?
@scope (#foo) {
.bar {
background: red;
}
}
-----------------------------------------------------------------------------------
#foo {
.bar {
background: red;
}
}
No caso desse exemplo, sim. Mas pode haver casos em que pega mais elementos, como o próprio exemplo das imagens verdes que mostramos no vídeo.