{"id":490,"date":"2012-02-16T14:26:56","date_gmt":"2012-02-16T13:26:56","guid":{"rendered":"http:\/\/www.turazlab.com\/?p=490"},"modified":"2012-02-16T14:26:56","modified_gmt":"2012-02-16T13:26:56","slug":"estensione-web-developer-per-chromefirefox","status":"publish","type":"post","link":"https:\/\/www.turazlab.com\/?p=490","title":{"rendered":"Estensione &#8220;WEB DEVELOPER&#8221; per Chrome\/Firefox"},"content":{"rendered":"<p><a href=\"http:\/\/chrispederick.com\/work\/web-developer\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-491 lazyload\" title=\"2012-02-16-webdev\" data-src=\"http:\/\/www.turazlab.com\/turati\/wp-content\/uploads\/2012\/02\/2012-02-16-webdev.png\" alt=\"\" width=\"597\" height=\"218\" data-srcset=\"https:\/\/www.turazlab.com\/turati\/wp-content\/uploads\/2012\/02\/2012-02-16-webdev.png 597w, https:\/\/www.turazlab.com\/turati\/wp-content\/uploads\/2012\/02\/2012-02-16-webdev-300x109.png 300w\" data-sizes=\"(max-width: 597px) 100vw, 597px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 597px; --smush-placeholder-aspect-ratio: 597\/218;\" \/><\/a><\/p>\n<p>In questi giorni sto ridisegnando un sito web esistente ed il mio obbiettivo \u00e8 quello di evitare di toccare il codice HTML agendo solo sui fogli di stile CSS. Cos\u00ec facendo un po&#8217; di ricerca ho installato questa estensione per Chrome che in aggiunta alla console sviluppatori di Chrome rende il mio lavoro MOLTO pi\u00f9 semplice.<\/p>\n<p>L&#8217;estensione permette di modificare CSS live sulla pagina ma cosa pi\u00f9 importante permette di evidenziare i TAG html in modo da poter capire la struttura della pagina senza guardare il codice sorgente in modalit\u00e0 &#8220;operatore di matrix&#8221;.<\/p>\n<p>La potete scaricare dal Chrome WebStore o in alternativa dal sito dello sviluppatore che l&#8217;ha creata:\u00a0<a href=\"http:\/\/chrispederick.com\/work\/web-developer\/\">http:\/\/chrispederick.com\/work\/web-developer\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questi giorni sto ridisegnando un sito web esistente ed il mio obbiettivo \u00e8 quello di evitare di toccare il codice HTML agendo solo sui fogli di stile CSS. Cos\u00ec facendo un po&#8217; di ricerca ho installato questa estensione per Chrome che in aggiunta alla console sviluppatori di Chrome rende il mio lavoro MOLTO pi\u00f9 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[106,10],"tags":[113,112,22,90],"class_list":["post-490","post","type-post","status-publish","format-standard","hentry","category-consigli","category-web-20","tag-chrome","tag-css","tag-firefox","tag-html"],"_links":{"self":[{"href":"https:\/\/www.turazlab.com\/index.php?rest_route=\/wp\/v2\/posts\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.turazlab.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.turazlab.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.turazlab.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.turazlab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=490"}],"version-history":[{"count":2,"href":"https:\/\/www.turazlab.com\/index.php?rest_route=\/wp\/v2\/posts\/490\/revisions"}],"predecessor-version":[{"id":493,"href":"https:\/\/www.turazlab.com\/index.php?rest_route=\/wp\/v2\/posts\/490\/revisions\/493"}],"wp:attachment":[{"href":"https:\/\/www.turazlab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.turazlab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.turazlab.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}