MEU DEEEEUS, que aula valiosa!!! Você ensina bem demais e de forma muito estruturada, por isso seus cursos na Udemy são fantásticos também, meu CSS deu um "passo adiante" graças a você, antes eu estava parado no tempo.
Olha, vou te falar que esse minicurso poderia ter empacotado em um curso pago tranquilamente... Deu um trabaLHÃO para fazer tudo, mas ficou um conteúdo muito bom. Pode procurar no RUclips que não tem 1h de animação CSS assim (ainda mais em português). Obrigados pelas palavras gentis costumeiras, Mateus! :D
@@dpwoficial simm foi a primeira coisa que eu pensei, hahaha tá com qualidade de curso. Cara, aproveitando o contato, se souber de alguma vaga home-office Frontend pra React, to procurando. Tenho vc no linkedin, caso saiba de algo, haha, valeu, sucesso
Para quem quiser uma referência para o KeyFrames (já que ele não mostrou o html) pode copiar e colar que este vai servir. ps: Já vai estar com a animação
Li o seu artigo sobre design e achei uma bela comparação com o cinema. Alguns desenvolvedores seguem a marca do sucesso, copiando estruturas de sites famosos, assim como os blockbusters, pois é o que agrada a maioria das pessoas. Com isso, acabam esquecendo da originalidade, ou alma do site, o que pode se comparar com o cinema de Scorsese, que possui um roteiro (site) bem estruturado, e profundidade nas técnicas e arte de direção.
Legal a comparação. Dá para usar não somente no cinema, mas em praticamente qualquer área. No começo de todo mundo é assim; depois de muita prática e estudos é que se começa a desenvolver um "estilo próprio" (se isso for realmente o que a pessoa almeja).
Parabéns pelo vídeo , eu assisti seus vídeos de portfólio e agora cai de paraquedas nessa aula . Um conteúdo sensacional que poderia ser pago tranquilamente . Obrigado.
Gostaria de agradecer ao canal e qualquer pessoa que teve participação nesse vídeo. Ele foi ótimo e esclareceu diversas coisas de uma forma bem simples de entender
Um dos melhores mini-cursos que vi nesse youtube sobre animações CSS! Parabéns, espero que continue trazendo este tipo de conteúdp para todos nós, que Deus te abençoe sempre e nos ajude a melhorar em Front-end e UX
Que contéudo massa! Parabéns!! Vi muitos comentários da galera falando sobre seus cursos na udemy, não consegui encontrar nenhum link que me direcionasse a eles, se possível, manda aqui pra eu dar uma olhada.
Cara, que conteúdo FOD4! Conheci o canal graças a esse vídeo, e só tenho a te agradecer por ter me tirado tantas dúvidas. Parabéns pelo trabalho, irmão! Continua assim que vc vai longe 🤘🏽
Já tem muitos elogios, mas nunca é demais! Cara, fantástico! Simplesmente um muito obrigado. Só acho que no final, assim como indicação de ferramentas, que por sinal tbm todas fantásticas, poderia tbm te indicação de libs de animações..que claro, eu falando isso já demonstra que sou noob no assunto, mas com certeza deve ter diversas, uma melhor que a outra. Sei que é ideal saber da base, mas as libs são uma mão na roda em quesito de produtividade..né?
Muito obrigado pelas palavras, Douglas. Neste minicurso, o objetivo era trazer o conhecimento fundamental necessário para se começar com Animações CSS. Até mesmo a parte final de ferramentas cogitamos em não colocar, para que o treino com o nativo que a linguagem tem a oferecer fosse estimulado, imagina colocar libs de animações, o pessoal ia correr para pegar e usar direto... hehe Mas nada impede que façamos um adendo mostrando mais ferramentas e libs como a que você citou. Quem sabe... ;)
Uma das melhores vídeoaulas que já vi!! Muito bem explicado, principalmente por usar um projeto básico aplicado ao que realmente importa o ensino do conteúdo proposto! Direto ao ponto, sem frescuragem...
Aula sensacional, sempre tive curiosidade em fazer essas animações. Em poucos minutos consegui criar umas bem bacanas. Obrigada por compartilhar seu conhecimento!
No início achei que 53min era tempo de mais, mas não consegui para de assistir e fiquei supreso como vc foi sucinto e abragente. Me ajudou d+++ Muito obrigado!
Obrigado, Annie. Não tem vídeo específico sobre cubic-bezier, mas, resumidamente, é uma função que vai definir como será o "timing" da sua animação. O que a maioria faz é ir em alguma das ferramentas que geram e copiam o código, tal como mostrado no vídeo.
video maravilhoso, se esse minicurso já foi tudo isso, imagina um curso completo. parabéns e muito obrigado por esse video maravilhoso, li nos comentários que passou uma hora, mas para mim passou voando, muito bom os teus vídeos, mais uma vez parabéns.
Que video maravilhoso!! Eu estava buscando por algo para fazer a diferença nos E-commerces aqui do México principalmente com relação à experiencia de usuario e você foi no ponto! Vou trazer, de forma inteligente, as animações para enriquecer isso nas lojas online dentro da plataforma VTEX. Tenho 2 cursos seus da Udemy e eles também me abriram a mente demais!! Obrigado por tanto conteúdo de qualidade, você é o cara.
Uma das área de webdev que mais gosto, em especial CSS, é a de animações de interface. E olha que no minicurso deu para mostrar quase nada... O tema é muito amplo!
Parabéns pela aula, eu não consegui encontrar uma aula de como fazer o efeito de aparecer a medida em que for rolando na tela, os meus aparecem da pagina inteira de uma vez, não sei se faz com css puro.
Por enquanto, não é possível nativamente, mas já está chegando essa feature no CSS. Questão de pouco tempo já será possível. Vai ter vídeo no canal explicando melhor, com exemplos.
Ganhou um novo inscrito, impecável este conteúdo, já cansei de procurar na internet ou cursos pagos com esta qualidade e não encontrei, parabéns pelo conteúdo e obrigado por compartilhar.
Mano, vc me enganou... ...disse que era mini curso, mas isso é um curso FULL!!! Eu estava procurando uma animação específica na net, mas não encontrei. Vendo seu curso, agora eu entendi como criar o que preciso. Como dar um "double like" aqui no RUclips?!! Muito obrigado me ajudou muito!!! (+ 1 inscrito)
⭐ Interessado por convenções, nomenclatura, boas práticas e arquitetura CSS?
mailchi.mp/e40fa97b13dd/cssasc-t1
⭐ Download GRÁTIS do e-book "Os 3 Conceitos Fundamentais de CSS"
mailchi.mp/500e81011405/3-conceitos-css
Parabéns pelo trabalho mano....ótima didática!
Muito obrigado, @@oxentememes !
Aula fantástica !! Consegue me ajudar?? e-book não está chegando no e-mail :(
@@Fe-ih5jb Manda uma direct no Insta ou Twitter informando seu e-mail pra gente ver.
O cara simplesmente fez 1 hora de aula sem enrolação e focado no assunto. 😍
E esse foi só o mini curso... ;)
@@dpwoficial Cadê o curso completo? Quero comprar. Hahaha. Por favor. Se tiver, manda o link.
@@matheusmarques841 haha não tem. Quem sabe um dia... ;)
Vim buscar cobre e encontrei foi ouro. Parabéns! Conteúdo excenlente!!
Heuehe Entrou no rol de comentários favoritos.
Eu tbm...
Ouro? Achei foi diamante SLK aula incrível isso pq tem muito tempo
MEU DEEEEUS, que aula valiosa!!!
Você ensina bem demais e de forma muito estruturada, por isso seus cursos na Udemy são fantásticos também, meu CSS deu um "passo adiante" graças a você, antes eu estava parado no tempo.
Olha, vou te falar que esse minicurso poderia ter empacotado em um curso pago tranquilamente...
Deu um trabaLHÃO para fazer tudo, mas ficou um conteúdo muito bom. Pode procurar no RUclips que não tem 1h de animação CSS assim (ainda mais em português).
Obrigados pelas palavras gentis costumeiras, Mateus! :D
@@dpwoficial simm foi a primeira coisa que eu pensei, hahaha tá com qualidade de curso. Cara, aproveitando o contato, se souber de alguma vaga home-office Frontend pra React, to procurando. Tenho vc no linkedin, caso saiba de algo, haha, valeu, sucesso
@@salvimateus 👍
pdc mn
pode me manda o link do curso dele da udemy de CSS? pfvor =)
Para quem quiser uma referência para o KeyFrames (já que ele não mostrou o html) pode copiar e colar que este vai servir.
ps: Já vai estar com a animação
Document
.box{
animation: fly 1s;
background-color: purple;
width: 10vw;
height: 10vw;
position: relative; top: 200px;
border-radius: 50%;
}
@keyframes fly{
to{
transform: translateX(calc(100vw - 200px));
}
}
.
Uma das melhores aulas de CSS que eu já vi!! Obrigada
Eu que agradeço pela gentileza, Milena! :D
Minha cabeça explodiu com o tanto de ideias que eu tinha, mas n sabia como aplica-las
Agora sabe! o/
Conteúdo maravilho, vai ser de muita serventia!
A explicação também é super direta, ajuda quando estamos perdidos kkk
Assista quantas vezes quiser. :)
Li o seu artigo sobre design e achei uma bela comparação com o cinema. Alguns desenvolvedores seguem a marca do sucesso, copiando estruturas de sites famosos, assim como os blockbusters, pois é o que agrada a maioria das pessoas. Com isso, acabam esquecendo da originalidade, ou alma do site, o que pode se comparar com o cinema de Scorsese, que possui um roteiro (site) bem estruturado, e profundidade nas técnicas e arte de direção.
Legal a comparação. Dá para usar não somente no cinema, mas em praticamente qualquer área.
No começo de todo mundo é assim; depois de muita prática e estudos é que se começa a desenvolver um "estilo próprio" (se isso for realmente o que a pessoa almeja).
que intro foi essa cara?! ta mais pra um documentário de tv! caramba!!!
haha, os minicursos são no capricho. ;)
Parabéns pelo vídeo , eu assisti seus vídeos de portfólio e agora cai de paraquedas nessa aula . Um conteúdo sensacional que poderia ser pago tranquilamente .
Obrigado.
Obrigado pelas palavras, Rafael. :)
Aula muitoo boa mesmo parabéns a sua voz é muito parecida com a do canal refúgio mental é idêntico
haha, eu sou a quimera do web dev. Já disseram uma vez que pareço com o Luba, agora com a voz do Refúgio Mental. 😂
E disso que nos iniciantes precisamos kkk
Parabéns, excelente aula, foi direto no assunto, e explicando de forma bem simples!!
Pois aí está. :)
Gostaria de agradecer ao canal e qualquer pessoa que teve participação nesse vídeo. Ele foi ótimo e esclareceu diversas coisas de uma forma bem simples de entender
Nós é que agradecemos por suas palavras. :)
parece simples, mas e muitaslinhas para chegar nesse layout, o melhor que é tudoo em css, mostrando que e mais que so cores e fontes....
A maioria das pessoas pensam que CSS é bastante simples, "só colocar umas linhazinhas de código aqui"...
A sorte do meu dia foi ter achado esse canal, vlw demais galera
haha Vlwww
Irmão, seu conteúdo é realmente muito bom. Por mais professores como vc no Yt! Que o Senhor Deus o abençoe, cara!!! Você é fera!!!
Muitíssimo obrigado, Diego!
Se quiser dar aquela força compartilhando o vídeo, te agradeço demais.
vlwww
mds, essa foi a melhor aula que já assistir, uma ótima didática com explicações simples e bem claras. simplesmente aula perfeitaaaaa
haha Muito obrigado pelo carinho!
Caramba que minicurso foda, nem percebi o tempo passar de tão entretido que eu fiquei.
Vlw, Alex!
Um dos melhores mini-cursos que vi nesse youtube sobre animações CSS! Parabéns, espero que continue trazendo este tipo de conteúdp para todos nós, que Deus te abençoe sempre e nos ajude a melhorar em Front-end e UX
Agradeço IMENSAMENTE DEMAIS seu comentário, David! Se Ele quiser, vamos continuar trazendo muitos conteúdos, sim! o/
Cara parabéns, aprendi mais com você nesta aula que na faculdade. Show!!!!!
Gostei da visualização dessa plataforma
Obrigado.
Cara você é tão fera, me sinto tão noob... um dia serei assim, obrigado pela aula!!!
Que isso... Só comecei a estudar antes que você. Continue estudando que daqui a pouco você tá sabendo muito mais. :)
Que contéudo massa! Parabéns!! Vi muitos comentários da galera falando sobre seus cursos na udemy, não consegui encontrar nenhum link que me direcionasse a eles, se possível, manda aqui pra eu dar uma olhada.
Obrigado, Huandrey.
www.udemy.com/course/flexbox-guia-completo/
www.udemy.com/course/css-grid-layout/
Muito bom....
Show-de-bola...
Parabéns pela aula, ótima didática.
Vlw, Márcio!
Cara, que conteúdo FOD4!
Conheci o canal graças a esse vídeo, e só tenho a te agradecer por ter me tirado tantas dúvidas.
Parabéns pelo trabalho, irmão! Continua assim que vc vai longe 🤘🏽
Vlw msm, Lucas! Obrigado pela força, brow!
Já tem muitos elogios, mas nunca é demais! Cara, fantástico! Simplesmente um muito obrigado.
Só acho que no final, assim como indicação de ferramentas, que por sinal tbm todas fantásticas, poderia tbm te indicação de libs de animações..que claro, eu falando isso já demonstra que sou noob no assunto, mas com certeza deve ter diversas, uma melhor que a outra. Sei que é ideal saber da base, mas as libs são uma mão na roda em quesito de produtividade..né?
Muito obrigado pelas palavras, Douglas.
Neste minicurso, o objetivo era trazer o conhecimento fundamental necessário para se começar com Animações CSS.
Até mesmo a parte final de ferramentas cogitamos em não colocar, para que o treino com o nativo que a linguagem tem a oferecer fosse estimulado, imagina colocar libs de animações, o pessoal ia correr para pegar e usar direto... hehe
Mas nada impede que façamos um adendo mostrando mais ferramentas e libs como a que você citou. Quem sabe... ;)
@@dpwoficial ah sim, vdd.
E você, de qual parte gostou mais?
@@dpwoficial exatamente a parte que explica propriedade por propriedade e o seu shorthand. Tudo muito bem explicado
Maravilha, @@douglasoliveira6921! Muito obrigado e a gente se vê pela Web!
caramba que aula boa! e didatica otima! obrigado por esse video!
Imagina. Tamos aê. 👊
Que aula TOP! Parabéns e muito obg por esse aulão
Eu que agradeço pelas palavras, Alisson! Abs
Melhor video de programação que já vi na minha vida, explicou tudo que eu tinha dúvida e não tinha aprendido no meu curso pago.
Muito obrigado, Gabriel! :D
Essa é sem dúvidas uma das aulas de CSS do RUclips.
Sem dúvida.
Uma das melhores vídeoaulas que já vi!! Muito bem explicado, principalmente por usar um projeto básico aplicado ao que realmente importa o ensino do conteúdo proposto! Direto ao ponto, sem frescuragem...
Muito obrigado pelas palavras, Geverson!
cara muito obrigado, não só por essa aula valiosa mas tambem pela sua humildade de trazer esse conteúdo engrandecedor de forma totalmente de graça
Imagina... Trago justamente com o intuito de ajudar a melhorar e engrandecer nossa comunidade front-end. :D
Melhor aula que encontrei sobre o assunto, parabéns!
Muito obrigado. :)
meu react vai ficar massa de mais com animações mais sofisticadas. ótimo curso amigo.
vlwww
Muito obrigado por compartilhar! Sucesso. Inscrito e com like! Top!
Opa, vlwww :D
Aula sensacional, sempre tive curiosidade em fazer essas animações. Em poucos minutos consegui criar umas bem bacanas. Obrigada por compartilhar seu conhecimento!
Aí sim, Denise! Parabéns! o/
Conteúdo foda, salvei aqui na minha playlist
Vlw, Rafael!
Metade do minicurso, to achando incrivel, aprendi várias coisas já, valeuu!!
Nós que agradecemos!
Que grande riqueza de conteúdo. Mt obg por compartilhar toda essa experiência.
Eu que agradeço seu comentário. :)
Sensacional... muitas possibilidades a partir do que aqui é ensinado TOP!
🙌
Mesmo depois de anos, essa aula continua valiosa. Aprendi MUITO com essa aula!!!
Brigadão pelo comentário, Marcelo.
E tomara que continue ainda por muitos anos. :)
No início achei que 53min era tempo de mais, mas não consegui para de assistir e fiquei supreso como vc foi sucinto e abragente.
Me ajudou d+++
Muito obrigado!
Pois é, esse é só o MINIcurso... =P
Olá Tárcio, Muito bom!!! Parabéns!!!
Olá! Obrigado, João Paulo.
que aula foi essa muito boa gostei bastante
E eu gostei do seu comentário, Eduardo. Muito obrigado.
cara, não conhecia o canal, cai aqui de paraquedas, adorei o conteúdo... parabéns, favoritei.
Muito obrigado, Diego! 😁
Parabéns!..o melhor que já vi
Muito obrigado, Alex!
Sua didática é simplesmente incrível! Deus abençoe pelo conteúdo de imenso valor.
Muitíssimo obrigado!
cara meus parabens pelo video e pelo material disponibilizado, material muito bom
Eu que agradeço pela força, Werlen.
Esta aula já está salva na minha playlist para ser vista diversas vezes, parabéns pelo excelente conteúdo
Muito obrigado, Pablo!
Realmente um conteúdo repassado de forma muito fácil
Vlw, Jailson! abs
Simplesmente fantástico, vídeo com conteúdo muito didático, obrigado.
Opa, muitíssimo obrigado!
Muito bacana, ficou show.
Brigadão! :)
O vídeo ficou bem interessante,só não entendi sobre o cubic-bezier. Você tem vídeo sobre?
Obrigado, Annie.
Não tem vídeo específico sobre cubic-bezier, mas, resumidamente, é uma função que vai definir como será o "timing" da sua animação.
O que a maioria faz é ir em alguma das ferramentas que geram e copiam o código, tal como mostrado no vídeo.
Conteúdo incrível. Parabéns e obrigado pela aula.
Eu que agradeço pelo seu comentário. :)
Obgg de coraçao. Sou novo nesse mundo e nao sabe a tremenda grandeza de gratidão que tenho por videos iguaos os seus!
Nós que agradecemos, Elesio! Sucesso!
Aula show!!
vlwww 😃
Esse cara é fera, aula nota 10. Obrigado.
Muito obrigado, Lucas! :D
que conteudo top. parabéns
Muito obrigado.
video maravilhoso, se esse minicurso já foi tudo isso, imagina um curso completo. parabéns e muito obrigado por esse video maravilhoso, li nos comentários que passou uma hora, mas para mim passou voando, muito bom os teus vídeos, mais uma vez parabéns.
Caramba, muito obrigado pelas palavras, Samuel.
Satisfeito em saber que você gostou tanto assim!
Obrigado por compartilhar esse conteúdo de grande importância!
Eu que agradeço pela participação, Carlos!
Que aula top! Parabéns e muito agradecido!
Nós que agradecemos, Caio!
Uau! Fantástico 👏 Sua voz e didática são incríveis rs.
Muito obrigado, Gabriela! 😊
Espetacular!!!!!!!!!!! e ainda fecha com chave de OURO!!
vlwww :D
Muito bom! Obrigado!
Disponha!
Curso bom, prático e sensacional.
Vlw, Gael! :D
conteúdo top!
Recomendo!
Obrigado 🤙
Que video maravilhoso!! Eu estava buscando por algo para fazer a diferença nos E-commerces aqui do México principalmente com relação à experiencia de usuario e você foi no ponto! Vou trazer, de forma inteligente, as animações para enriquecer isso nas lojas online dentro da plataforma VTEX. Tenho 2 cursos seus da Udemy e eles também me abriram a mente demais!! Obrigado por tanto conteúdo de qualidade, você é o cara.
Opa, Alexandre! Muitíssimo obrigado por seu comentário!
E também por saber que os vídeos estão ajudando no México. :D
Noossa, cara. Vc tem o dom de ensinar. Simplesmente fantástica esta aula.
Obrigado pelo elogio. :)
Uau! Que conteúdo de primeira. Muito obrigado por compartilhar conosco! Agora me sinto muito mais confortável em trabalhar com animações! =DD
Eu que agradeço pelo comentário, Gustavo!
Apareça mais. 👍
Cara, que curso foda. Obrigado. Acho que não tem maneira melhor e mais clara de explicar animações do quê da forma como vc fez. Parabéns!👏🏻👏🏻👏🏻
Muito obrigado pelas palavras, Deusiel! 😭
excelente curso, excelente didática
Obrigado pelo elogio, Michel!
Melhor minicurso que já vi, muito obrigado!
Eu que agradeço a força! vlwww
Cara, você é muito top. A quantidade de views e de likes não faz jus à qualidade do seu conteúdo. Gratidão por compartilhar seu conhecimento. Sucesso.
Poxa, obrigado mesmo, Cleyton! Satisfeito em saber que gostou bastante dos nossos conteúdos!
Cara muito obrigado. Que conteúdo maravilhoso. Me ajudou muito, parabéns pelo seu trabalho!
tmj 👊
Aula muito top professor valeu pelas dicas vai me ajuda muito
Eu que agradeço!
Muito show,adoro animações e com esse seu minicurso da para ver esse poder do css maravilhoso
Uma das área de webdev que mais gosto, em especial CSS, é a de animações de interface.
E olha que no minicurso deu para mostrar quase nada... O tema é muito amplo!
conteúdo top, vai me ajudar mt no estudo.
vlwww
Isso aqui e nivel cinema por, cralhoooo
✋😎🤚
Caraca, tu manja MT mano, parabéns! aula perfeita.
Muito obrigado! 😁
Amei As Aulas Bem Explicativo Já Tou Colocando Em Pratica!! Obrigadoo 08/03/2021
Maravilha, Yuri! Continue firme!
Simplesmente espetacular
Like, inscrito e salvo na barra de favoritos pra assistir de novo
Haha Muito obrigado, Mikael! ;)
A melhor aula de CSS que eu já vi!!, bastante conteúdo muito obrigado
Eu que agradeço pelo comentário! :D
Obrigado mesmo pela aula!
Eu que agradeço o comentário. :)
Rapaz, que canal show de bola.
Muito obrigado! :)
Parabéns pela aula, eu não consegui encontrar uma aula de como fazer o efeito de aparecer a medida em que for rolando na tela, os meus aparecem da pagina inteira de uma vez, não sei se faz com css puro.
Por enquanto, não é possível nativamente, mas já está chegando essa feature no CSS. Questão de pouco tempo já será possível.
Vai ter vídeo no canal explicando melhor, com exemplos.
Palmas meu amigo, top demais. Parabéns
Muito obrigado, Adryel!
Muito obrigado professor!
Disponha!
Ganhou um novo inscrito, impecável este conteúdo, já cansei de procurar na internet ou cursos pagos com esta qualidade e não encontrei, parabéns pelo conteúdo e obrigado por compartilhar.
Muitíssimo obrigado pelas palavras, Jorge! Fico grato pela inscrição! :D
SENSACIONAL, obrigado pela aula!
Disponha, Luiz! :)
Excelente conteúdo, estávamos precisando de conteúdo desse tipo, com essa didática em português. Parabéns mesmo.
Muito obrigado, Marlon! Abs
Excelente
Obrigado! Mesmo!
Sem palavras 👏
👊
Conteúdo excelente! Obrigado por compartilhar.
De nada, Tiago! E obrigado pelo comentário.
Parabéns pela didática
Muito obrigado.
Estava procurando algo assim, parabéns pelo conteúdo!
Muito massa!
Que bom que ajudou, Gustavo.
Caramba, muito da hora!
Vlwww
Mano, vc me enganou...
...disse que era mini curso, mas isso é um curso FULL!!!
Eu estava procurando uma animação específica na net, mas não encontrei.
Vendo seu curso, agora eu entendi como criar o que preciso.
Como dar um "double like" aqui no RUclips?!!
Muito obrigado me ajudou muito!!! (+ 1 inscrito)
Haha O engano do bem! =P
Sensacional brother, vlww!!
Vlw, Gabriel! 👍