DevTools CSS: Descubra os Segredos da Produtividade Front-End

[@dpwoficial]

E aí, qual dessas ferramentas você mais usa?

[@leandrocamargo7]

Sem dúvidas é o target

[@dpwoficial]

Essa daí... Não tem como viver sem. x)

[@MarceloGranadeiro]

Gosto muito de copiar os estilos rsrsrs

[@PaulaFlavia1]

nenhuma, não sabia usar direito as mil possibilidades, iniciei minha formação há 2 meses apenas, mas agora vou usar muitas🤣

Como eu trabalho com Wordpress, acabo usando o inspetor e aquelas ferramentas de flexbox e pick color.

[@enriquesantosdeoliveira5798]

Muito legal o vídeo 👏👏👏

[@dpwoficial]

Obrigado, Enrique. :)

[@danielaraujodesouza9519]

Que material show.

[@dpwoficial]

Vlw, Daniel!

[@Gustavooliveira-zl7ru]

Parabéns, excelente conteúdo

[@dpwoficial]

Muito obrigado.

[@paivamarcelo]

Boaa .... legal o vídeo !! Só um comentário p dar um up no engajamento .... hehe

[@dpwoficial]

haha Brigadão, Marcelo. ;)

[@PaulaFlavia1]

Outro video de dev tool...mais um mais um

[@dpwoficial]

Voto computado com sucesso. ;)

[@gilsonconceicao5201]

Excelente. Eu não sabia de varias coisas aí

[@dpwoficial]

Bom demás!

[@yurionthecode]

Sensacional! não conhecia ou simplesmene ignorava bastante coisa. obrigado

[@dpwoficial]

Disponha, meu caro! 👊

[@krillAmorim]

Você poderia fazer uma série mostrando todo o poder da DevTools

[@dpwoficial]

Rapaz... Isso daí dá até um curso de 10h (pelo menos). =P

[@krillAmorim]

@@dpwoficial kkkkkk

[@andrespereirabr]

Muito massa esse vídeo!

[@dpwoficial]

Vlw, Andres! 👊

[@programadorprincipiante]

Show de conteúdo... E fica a dica ai pra fazer o Vídeo DevTools como Editor... ;)

[@dpwoficial]

vlw :)

[@salvimateus]

caramba, tenho mais de 10 anos como frontend e não sabia de várias

[@dpwoficial]

Por aqui, não acreditamos em clickbait. 😎

[@Calenzo]

Vídeo top!

[@dpwoficial]

Muito obrigado! 😁

[@Sigameosbons]

Já começo o vídeo curtindo. Sempre trazendo conteúdo foda.

[@dpwoficial]

Vlw demais, Alexandre!

[@gabrielcantuaria3867]

cara, tu é mto bom, to viciado nos videos

[@dpwoficial]

Esse é um vício que só faz bem! :D

[@pedropauloteodoro2602]

Já tenho uns 5 meses praticamente que estou estudando e eu não sabia muito bem como utilizar a dev tools, e cara esse video é incrível, minha mente expandiu com isso tornando o desenvolvimento muito mais prático e rápido. Parabéns pelo vídeo !!!

[@dpwoficial]

Que bom, Pedro! E olha que isso é só um pedacinho das DevTools, hein... =P

[@jferreiraplaygames3421]

Confesso que 8 anos de Dev descobrir realmente como usar o devtools no seus vídeos, parabéns agregou muito na minha vida.

[@dpwoficial]

Wow! Que isso! Obrigado pelo depoimento! :D

Só conteúdo bom esse canal!

[@dpwoficial]

Brigadão, Vinícius. :)

[@Luis83186]

Amigão, simplesmente sensacional. Sua didática é sensacional e irá me salvar aqui. nota 1000 pra você.

[@dpwoficial]

Opa, tamos aê.

[@GeorgeNascimento08]

Eu uso isso bastante.

[@dpwoficial]

Boa!

[@carloseduardoramos9646]

Mano... sem palavras pra descrever o quão incríveis esse Coverage e CSS Overview são. Quanto tempo já passei limpando os arquivos CSS tentando ver quais propriedades coloquei atoa... e podia ter descoberto isso com alguns cliques. kkkk Muito obrigado por mais essa aula!

[@dpwoficial]

Opa, tamos aê!

[@MarceloGranadeiro]

Rapaz que vídeo magnifico;; parabéns pela didática

[@dpwoficial]

Muito obrigado, Marcelo.

[@luciopereirabrito3154]

Incrível, sempre trazendo novos conhecimentos tornando a vida do desenvolvedor mil vezes mais fácil. Agradeço!!!!! 🤝🏿❤

[@dpwoficial]

Nós que agradecemos o comentário, Lucio!

[@matheusoliveira6367]

Muito bom seus vídeos. Sensacional, conteúdo riquíssimo, sem enrolação.

[@dpwoficial]

Muito obrigado 😁

[@alexalannunes]

Caraca.🥳🥳🥳🥳 esse css overview é mágico.. lindo lindo . Ansioso pra usar nos projetos. Depois quero uns vídeos sobre debuggar animações css com o devTools. Lá em mais ferramentas > Animation . Tipo gráfico easing, performance. ... vídeo excelente 🥳🥳

[@alexalannunes]

Esse coverage tbm é toppp

[@dpwoficial]

Pretendemos trazer um vídeo sobre como usar as DevTools, também. Fica ligado. 👉🔔 Coverage dá para salvar muitos pontos de performance. Indispensável!

[@alexalannunes]

@@dpwoficial tô de olho 👀🤙🤙

[@visaogeralservicenow]

Eu uso muito para saber qual elemento está sendo afetado pelas tags, quando estou codando, excelente aula!!! Entrei hje aqui,mas ja tirei bastantes duvidas! principalmente sobre media query.

[@dpwoficial]

Que ótimo, Tito! O canal está aí para ajudar, mesmo. :)

[@wiltongoncalves9439]

Estou curtindo muito seus vídeos! Gostaria de saber como fazer pequenas alterações no CSS diretamente no Dev tools

[@dpwoficial]

Vlw, Wilton! "como fazer pequenas alterações no CSS diretamente no Dev tools" tá falando como alterar e salvar localmente?

[@robsonrdsaraiva]

Incrivelmente, incrível! Que vídeo foi esse, hein?! Obrigado e parabéns! Tooop 🤯

[@dpwoficial]

Muito obrigado, Robson! 😁

[@leandrocamargo7]

Sensacional! Muito bom sempre aprender coisas novas e relembrar outras que as vezes caem no esquecimento.

[@dpwoficial]

Essa é a ideia, Leandro. Brigadão pelo comentário. :)

[@PaulaFlavia1]

Sensacional, muito obrigada, seus videos são aulas precisosas para iniciantes

[@dpwoficial]

Obrigado pelas palavras, Paula.

[@luispaulocavalcante1459]

Que vídeo sensacional 👏👏

[@dpwoficial]

Muito obrigado, Luis! :D

[@marciocarvalho8081]

Uso bastante para ver como uma página fez tal recurso kkk , tô gostando muito de estudar front, porém acho feio meus layouts, precisa fazer ux design para ter criatividades para produzir páginas mais bonitas kkk

[@dpwoficial]

Então as DevTools vão te ajudar bastante. Dá para inspecionar sites que você gostar para inspiração e ver exatamente como a pessoa fez. :)

[@goaguiar]

No final do vídeo 26:00 você fala que tem uma maneira de se livrar do css que não esta sendo usado e diz que é assunto para outro vídeo, se já tiver feito esse vídeo me passa o link por favor.

[@dpwoficial]

Ainda não publicamos.

[@gilbertojunqueira314]

Uso mais CTRL + SHIT + C porque cai direto na inspeção dos elementos. CTRL + SHIT + I eu teria que pressionar depois o botão de inspecionar

[@dpwoficial]

Caramba, esse Ctrl+Shift+C eu não conhecia! 😱

[@FhelipyTaya]

eu uso o microsoft Edge e tem uma opção que achei aqui no devtools dentro de elemento> estilos> ai tem um pincel que aplica modo escuro automático em todo site e fico 99% bom tem como extrair essas modificações q é feita em codigo?

[@dpwoficial]

Não sei. Não uso muito o Edge.

[@Ygorps1]

Isso é dorgas de mais

[@dpwoficial]

¯\_(ツ)_/¯

[@yurionthecode]

Devtool está para o dev igual a trena está para o pedreiro.

[@dpwoficial]

Tipo isso! =P

[@erickgarciacosta]

Ótimo conteúdo, parabéns !

[@dpwoficial]

Muito obrigado, Erick! :D