Iniciei recentemente a minha jornada como Dev Front-end. Estou realizando um curso na Udemy e sempre que fico com dúvida de algo e venho no youtube, me deparo com seus vídeos, muito didático e explicativo demais, deixa bem claro as coisas, tá me ajudando demais mesmo, continuee!!!👊
Eu iniciei meus estudos em front-end através da alura no mês passado quando entrei de férias. Logo em seguida (não sei como) seu canal foi recomendado através do video do :has(). Seus vídeos são muito didáticos. Muito obrigado pelo compartilhamento e parabéns demais!
Em cada section dos sites crio uma serie de feriáveis para definir cores e tamanho das coisa. com isso eu consigo mudar esses sections de lugar e criar um novo layout base para ela, por exp. trocando ela de clara para escura, ou de amarela para azul. Assim vai as possibilidades são infinitas
Seus vídeos são excelentes, curtos e cheios de conteúdo útil, não só do que é falado, mas da pra aprender muito com a escrita do teu código, parabéns e obrigado 🙋🏾♂️
ótimo vídeo, eu estava com essa ideia de alterar somente o valor da variável faz um tempo, você fixou ela na minha mente agora. Estou criando um mini framework que utiliza desse principio para faciliatar a customizacao do usuário. Eu basicamente tenho variáveis de escopo global que todo elemento recebe e reatribui em um escopo local, fazendo assim todo o estilo se modificar de uma forma mais fácil e concisa.
humm, acho que o que você tá fazendo é tipo open-props.style/. Se for, mesmo, dá uma olhada nele que pode ter coisas bem interessantes para inspiração.
Prezado, ótimo vídeo, mais um inscrito. Tenho uma aplicação que lê um termômetro e gera uma página html com o resultado, que é atualizado segundo a segundo. Busco entender um pouco de variáveis para ter uma forma de usar o valor lido para "alimentar" um script CSS. Abs
Opa, bem vindo, Glaucio. Provavelmente, você vai conseguir fazer com variáveis CSS sim. Inclusive, há métodos JavaScript próprios para pegar/especificar valores de variáveis CSS: developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties#values_in_javascript
Você sabe se eles tem a pretenção no futuro de mudar a sintaxe, da mesma forma como atualizaram a rgb e hsl? Acho a pior sintaxe de variável já feita: var(--nome-var), não entendo pq não se inspiraram em sass ou less para esse caso.
Tem previsão de quando vai sair o curso avançado de CSS? Já tô na lista de espera. Sou desenvolvedor ReactJS e utilizo o Material-UI. Tenho interesse em melhorar no CSS com foco em responsividade e animações.
Fala, Thiago. Vai sair em breve. Mas já aviso que não é bem um curso "tradicional" de CSS, que ensina propriedades, valores, técnicas de layout etc. Ele é mais focado em boas práticas, convenções, arquiteturas etc.
@@dpwoficial Obrigado pela resposta. Você tem ou pretende disponibilizar algum curso mais voltado pra essas técnicas de layout e tal? Focado no CSS em si
@@thiagomunich Sobre layouts, temos 2 cursos grátis na Udemy: - Flexbox: www.udemy.com/course/flexbox-guia-completo/ - CSS Grid: www.udemy.com/course/css-grid-layout/ Sobre animações, temos um minicurso aqui mesmo no canal: th-cam.com/video/eTELLTacg-8/w-d-xo.html
haha Essa pergunta tá aparecendo mais que sobre o conteúdo do vídeo. =P É o tema SynthWave '84: marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
@@caiosantosvargas Já, já, teremos nativamente a nova sintaxe de range. Dá uma olhadinha no BFB para você já ver em funcionamento: github.com/desenvolvweb/basic-front-boilerplate/blob/master/style/01-settings/_breakpoint.scss#L16-L17
Iniciei recentemente a minha jornada como Dev Front-end. Estou realizando um curso na Udemy e sempre que fico com dúvida de algo e venho no youtube, me deparo com seus vídeos, muito didático e explicativo demais, deixa bem claro as coisas, tá me ajudando demais mesmo, continuee!!!👊
Muito obrigado, Allan!
Se quiser dar aquela força e divulgar o canal para seus colegas de curso, agradeço demais.
vlwww 👊
Eu iniciei meus estudos em front-end através da alura no mês passado quando entrei de férias. Logo em seguida (não sei como) seu canal foi recomendado através do video do :has(). Seus vídeos são muito didáticos. Muito obrigado pelo compartilhamento e parabéns demais!
Eu que agradeço pelo comentário, Robson. Muito legal quando contam como chegaram no canal.
Em cada section dos sites crio uma serie de feriáveis para definir cores e tamanho das coisa. com isso eu consigo mudar esses sections de lugar e criar um novo layout base para ela, por exp. trocando ela de clara para escura, ou de amarela para azul. Assim vai as possibilidades são infinitas
Boa! Esse é um bom uso para variáveis CSS. :)
Seus vídeos são excelentes, curtos e cheios de conteúdo útil, não só do que é falado, mas da pra aprender muito com a escrita do teu código, parabéns e obrigado 🙋🏾♂️
Opa, eu que agradeço pelas palavras, Antônio. :)
ótimo vídeo, eu estava com essa ideia de alterar somente o valor da variável faz um tempo, você fixou ela na minha mente agora. Estou criando um mini framework que utiliza desse principio para faciliatar a customizacao do usuário. Eu basicamente tenho variáveis de escopo global que todo elemento recebe e reatribui em um escopo local, fazendo assim todo o estilo se modificar de uma forma mais fácil e concisa.
humm, acho que o que você tá fazendo é tipo open-props.style/.
Se for, mesmo, dá uma olhada nele que pode ter coisas bem interessantes para inspiração.
@@dpwoficial exatamente kk, é basicamente uma mistura disso com o pico.css
Prezado, ótimo vídeo, mais um inscrito. Tenho uma aplicação que lê um termômetro e gera uma página html com o resultado, que é atualizado segundo a segundo. Busco entender um pouco de variáveis para ter uma forma de usar o valor lido para "alimentar" um script CSS. Abs
Opa, bem vindo, Glaucio.
Provavelmente, você vai conseguir fazer com variáveis CSS sim.
Inclusive, há métodos JavaScript próprios para pegar/especificar valores de variáveis CSS: developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties#values_in_javascript
É isso que eu chamo de aula!
😁
Você sabe se eles tem a pretenção no futuro de mudar a sintaxe, da mesma forma como atualizaram a rgb e hsl?
Acho a pior sintaxe de variável já feita: var(--nome-var), não entendo pq não se inspiraram em sass ou less para esse caso.
Eu também não sei como chegaram nessa sintaxe, mas acho difícil mudarem.
incrível! Explicação de forma simples e clara.
A gente tenta. :)
muito obrigado, vc ensina muito bem!
Eu que agradeço. :)
Seria legal se pudesse um transition com css variables.
É possível!
Num outro vídeo eu mostro. ;)
Vídeo para ver e rever... obrigado !
Eu que agradeço e reagradeço.
No meu só esta funcionandoom o root, e definindo o valor da propriedade padding lá para cada botão.
Não entendi muito bem o que você disse, mas, seguindo o mostrado no vídeo, funciona direitinho.
Tanto que funcionou no vídeo. :)
o conteúdo é monstro, eu tenho q compartilhar
Opa, fique à vontade! x)
Tem previsão de quando vai sair o curso avançado de CSS? Já tô na lista de espera. Sou desenvolvedor ReactJS e utilizo o Material-UI. Tenho interesse em melhorar no CSS com foco em responsividade e animações.
Fala, Thiago.
Vai sair em breve. Mas já aviso que não é bem um curso "tradicional" de CSS, que ensina propriedades, valores, técnicas de layout etc.
Ele é mais focado em boas práticas, convenções, arquiteturas etc.
@@dpwoficial Obrigado pela resposta. Você tem ou pretende disponibilizar algum curso mais voltado pra essas técnicas de layout e tal? Focado no CSS em si
@@thiagomunich Sobre layouts, temos 2 cursos grátis na Udemy:
- Flexbox: www.udemy.com/course/flexbox-guia-completo/
- CSS Grid: www.udemy.com/course/css-grid-layout/
Sobre animações, temos um minicurso aqui mesmo no canal: th-cam.com/video/eTELLTacg-8/w-d-xo.html
Ótimo conteúdo amigo!
Gostaria de saber quais extensões você usou para alterar o nome das cores, obrigado.
Obrigado, Davyd. :)
Como assim alterar o nome das cores? Em qual minuto do vídeo aparece?
@@dpwoficial tá com um realce em néon, por exemplo em tomato
@@Kenny_93 Ahh, entendi.
É esse tema do VS Code: marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
Qual o nome do tema que vc usa que as cores fica RGB?
SynthWave '84
Tá, mas minha dúvida é: Qual a extensão ou temas para deixar a fonte com esse destaque em neon?
haha Essa pergunta tá aparecendo mais que sobre o conteúdo do vídeo. =P
É o tema SynthWave '84: marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
@@dpwoficial obrigado! :))
Qual é o tema que voce usa?
SynthWave '84
Olá sei que e uma pergunta meio besta mas poderia me falar como deixo seu css assim? brilhante ?
É um tema do VS Code, dá uma olhada: marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
@@dpwoficial Obrigado meu anjo.
Qual a vantagem desse método em relação ao SCSS?
Não é possível fazer essa comparação.
:has() é uma pseudo-classe CSS; Sass é um pré-processador CSS.
@@dpwoficial Digo em relação a criação de variáveis
@@Jovem-Padawan Ah sim...
Basicamente, é completamente diferente. rs
Vou fazer um vídeo sobre isso. :)
Já e possível definir as variáveis na média query ou só com sass
Não é possível fazer nativamente.
@@dpwoficial que chato .... Pq daria pra definir isso sem usar o saas
@@caiosantosvargas Já, já, teremos nativamente a nova sintaxe de range.
Dá uma olhadinha no BFB para você já ver em funcionamento: github.com/desenvolvweb/basic-front-boilerplate/blob/master/style/01-settings/_breakpoint.scss#L16-L17
Excelente didática!
Vlw, meu caro!
Parabéns, excelente vídeo!
Obrigado, Felipe! 😃
Por favor abre uma turma logo! Eu preciso do seu curso urgente!!!!! Seu conteúdo é top demais!
Opa, @@plustecnologiaonline9252, já já vamos abrir. Cadastra seu e-mail lá. ;)