DevTools CSS: Descubra os Segredos da Produtividade Front-End скачать в хорошем качестве

DevTools CSS: Descubra os Segredos da Produtividade Front-End

No front end moderno, há ferramentas indispensáveis para CSS. Saiba como usar essas ferramentas para bombar sua produtividade CSS! Todos os que mexemos no front end sabemos que o Chrome tem um excelente kit de ferramentas para inspecionar CSS, as Chrome Developer Tools (ou DevTools para os íntimos). São ferramentas muito boas para vários aspectos do desenvolvimento front end, incluindo muitas possibilidades para analisar e trabalhar com CSS. Mas a maioria conhece somente as possibilidades básicas da DevTools para CSS, ficando muitas das ferramentas fora do leque de opções dos devs front-end. Nesse vídeo, conheça ferramentas incríveis para CSS nas DevTools, indo muito além do básico, explorando as DevTools para desenvolvimento CSS de maneira mais aprofundada. Saiba quais as melhores ferramentas para inspecionar CSS direto do navegador e aprenda a como inspecionar CSS LIKE A PRO usando DevTools para bombar a produtividade CSS. CSS + DevTools: o combo infalível para web dev moderno! 💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo   / discord   ========== 📷 Equipamentos usados para gravar este vídeo Sony Alpha a6400: https://amzn.to/3LZ9Zkv Cartão 128GB Extreme PRO SDXC: https://amzn.to/3rqVPRg Tripé Weifeng WT6734: https://amzn.to/3LYWUb4 ========== ⏱️ Timestamps 00:00 Explicação inicial sobre DevTools para CSS 01:12 Diferentes maneiras de acessar as DevTools 01:39 Como alterar a posição das DevTools na tela 03:23 Elements: inspecionar e manipular o DOM 08:08 Styles: visualizar e manipular estilos CSS 15:19 Manipular classes CSS com as DevTools: o jeito certo 16:51 Como forçar estados em elementos 17:55 Computed: uma das mais poderosas das DevTools 19:55 Layout: facilitadores de Flexbox e CSS Grid 21:25 CSS Overview: relatório de CSS direto nas DevTools 24:38 Coverage: cobertura de CSS para análises de performance 26:25 Dicas rápidas de DevTools para CSS ========== Music Credit: LAKEY INSPIRED Track Name: "Blue Boi" Music By: LAKEY INSPIRED @   / lakeyinspired   Original upload HERE -    • LAKEY INSPIRED - Blue Boi   Official "LAKEY INSPIRED" YouTube Channel HERE -    / @lakeyinspired   License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) License. Full License HERE - https://creativecommons.org/licenses/... Music promoted by NCM https://goo.gl/fh3rEJ ========== Assine o canal! http://bit.ly/dpw-youtube Facebook:   / desenvolvweb   Instagram:   / desenvolvweb   Twitter:   / desenvolvweb   Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/