{"id":3840,"date":"2022-06-06T22:35:46","date_gmt":"2022-06-07T01:35:46","guid":{"rendered":"https:\/\/nearjob.com.br\/?p=3840"},"modified":"2022-06-06T22:35:49","modified_gmt":"2022-06-07T01:35:49","slug":"styleurl-para-exportar-modificacoes-css-feitas-no-chrome-devtools","status":"publish","type":"post","link":"https:\/\/nearjob.com.br\/fr\/styleurl-para-exportar-modificacoes-css-feitas-no-chrome-devtools\/","title":{"rendered":"StyleURL: para exportar modifica\u00e7\u00f5es CSS feitas no Chrome DevTools"},"content":{"rendered":"<p>Os integradores da Web costumam usar o console DevTools do Google Chrome para testar as altera\u00e7\u00f5es de CSS.&nbsp;Em seguida, eles aplicam essas altera\u00e7\u00f5es em suas folhas de estilo.&nbsp;A ferramenta StyleURL facilita salvar e compartilhar altera\u00e7\u00f5es feitas no Chrome.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Uma extens\u00e3o do Chrome para salvar as altera\u00e7\u00f5es de CSS<\/h2>\n\n\n\n<p>StyleURL \u00e9 uma extens\u00e3o para o Google Chrome,\u00a0voc\u00ea pode baix\u00e1-lo na loja virtual\u00a0.\u00a0Ele se torna vis\u00edvel quando voc\u00ea faz uma modifica\u00e7\u00e3o de CSS no seu navegador (acessando o DevTools).\u00a0Uma barra horizontal \u00e9 exibida na parte inferior da tela para:<\/p>\n\n\n\n<ul><li>Liste as altera\u00e7\u00f5es feitas.<\/li><li>Obtenha um URL para compartilhar essas altera\u00e7\u00f5es.<\/li><li>Exporte as altera\u00e7\u00f5es CSS diretamente para o GitHub.<\/li><\/ul>\n\n\n\n<p>No exemplo abaixo, alteramos o CSS do nosso t\u00edtulo.&nbsp;Alteramos a fonte (Go em vez de Source Sans Pro), tamanho (37px em vez de 30px) e cor (preto em vez de cinza escuro).&nbsp;Essas altera\u00e7\u00f5es de CSS s\u00e3o resumidas na janela inferior direita.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"664\" height=\"319\" src=\"https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/StyleURL.jpg\" alt=\"StyleURL\" class=\"wp-image-3842\" srcset=\"https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/StyleURL.jpg 664w, https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/StyleURL-300x144.jpg 300w, https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/StyleURL-450x216.jpg 450w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><figcaption>StyleURL<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Compartilhe ou exporte altera\u00e7\u00f5es no estilo de sua p\u00e1gina da web<\/h2>\n\n\n\n<p>Se voc\u00ea estiver satisfeito com essas altera\u00e7\u00f5es, poder\u00e1 export\u00e1-las diretamente para o GitHub.&nbsp;Voc\u00ea n\u00e3o precisa mais aplicar as altera\u00e7\u00f5es manualmente em sua folha de estilo.&nbsp;Voc\u00ea economiza tempo e protege seu processo.&nbsp;Voc\u00ea tamb\u00e9m pode compartilhar essas altera\u00e7\u00f5es de CSS com um colega.&nbsp;Assim, voc\u00ea pode obter facilmente a opini\u00e3o de um designer ou propriet\u00e1rio do produto sobre as modifica\u00e7\u00f5es planejadas.&nbsp;Um URL dedicado permite que voc\u00ea alterne da vers\u00e3o original para a modificada.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"664\" height=\"453\" src=\"https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/styleurl-preview-664x453-1.jpg\" alt=\"styleurl-preview-664x453.jpg\" class=\"wp-image-3841\" srcset=\"https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/styleurl-preview-664x453-1.jpg 664w, https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/styleurl-preview-664x453-1-300x205.jpg 300w, https:\/\/nearjob.com.br\/wp-content\/uploads\/2022\/06\/styleurl-preview-664x453-1-450x307.jpg 450w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><figcaption>styleurl-preview-664&#215;453.jpg<\/figcaption><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Os integradores da Web costumam usar o console DevTools do Google Chrome para testar as altera\u00e7\u00f5es de CSS.&nbsp;Em seguida, eles aplicam essas altera\u00e7\u00f5es em suas folhas de estilo.&nbsp;A ferramenta StyleURL facilita salvar e compartilhar altera\u00e7\u00f5es feitas no Chrome. Uma extens\u00e3o do Chrome para salvar as altera\u00e7\u00f5es de CSS StyleURL \u00e9 uma extens\u00e3o para o Google [&hellip;]<\/p>","protected":false},"author":1,"featured_media":3843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[391],"tags":[390,533],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/posts\/3840"}],"collection":[{"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/comments?post=3840"}],"version-history":[{"count":1,"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/posts\/3840\/revisions"}],"predecessor-version":[{"id":3844,"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/posts\/3840\/revisions\/3844"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/media\/3843"}],"wp:attachment":[{"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/media?parent=3840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/categories?post=3840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nearjob.com.br\/fr\/wp-json\/wp\/v2\/tags?post=3840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}