{"id":4195,"date":"2011-10-05T15:33:26","date_gmt":"2011-10-05T13:33:26","guid":{"rendered":"http:\/\/xlogic.org\/blog\/?p=4195"},"modified":"2024-01-01T11:35:24","modified_gmt":"2024-01-01T10:35:24","slug":"15-estensioni-utili-di-google-chrome-per-designer-e-sviluppatori","status":"publish","type":"post","link":"https:\/\/xlogic.org\/blog\/15-estensioni-utili-di-google-chrome-per-designer-e-sviluppatori.html\/","title":{"rendered":"15 Estensioni utili di Google Chrome per designer e sviluppatori"},"content":{"rendered":"

Google Chrome attualmente \u00e8 il Browser preferito da utenti Mac e Windows, questo perch\u00e8 ha un interfaccia minimale ed \u00e8 molto pratico. Oggi per tutti gli utilizzatori di Chrome, abbiamo stilato una collezione di estensioni utili nello specifico per designer e sviluppatori.<\/p>\n

Firebug Lite<\/strong><\/p>\n

\"\"<\/a><\/p>\n

Firebug Lite permette di visualizzare gli elementi HTML e DOM,\u00a0ispezionare gli elementi HTML con il proprio mouse e consente il\u00a0live editing delle propriet\u00e0 CSS.<\/p>\n

 <\/p>\n

\u00a0Speed Tracer<\/strong><\/p>\n

\"\"<\/a><\/div>\n
Speed Tracer\u00a0\u00e8 uno strumento che aiuta a identificare e risolvere problemi di prestazioni nelle applicazioni web. Visualizza le metriche relative alle pagine web visualizzate andando a pescare i dati a livello di motore di rendering del browser e li analizza nello stesso istante in cui l’applicazione viene eseguita.<\/div>\n

 <\/p>\n

CSS Reloader<\/strong><\/p>\n

\"\"<\/a><\/p>\n

CSS Reloader \u00e8 un’estensione di Chrome che consente di ricaricare i CSS senza ricaricare la pagina stessa.\u00a0Basta premere un tasto di scelta rapida e la pagina verr\u00e0 aggiornata con i cambiamenti di stile.<\/p>\n

 <\/p>\n

GrayScale\u00a0<\/strong><\/p>\n

\"\"<\/a><\/p>\n

Con questa estensione \u00e8 possibile visualizzare le proprie pagine in scala di grigi, questo vi aiuter\u00e0 a vedere i potenziali problemi con i colori e il contrasto. Il contrasto \u00e8 un elemento molto importante nel design che migliora l’estetica e la fruibilit\u00e0.<\/p>\n

 <\/p>\n

The Grid\u00a0<\/a><\/strong><\/p>\n

\"\"<\/a><\/p>\n

Questa estensione consente di creare una griglia personalizzata.<\/p>\n

 <\/p>\n

Pendule<\/strong><\/p>\n

\"\"<\/a>
\nPendule \u00e8 una grande collezione di strumenti di sviluppo per Chrome. \u00c8 possibile visualizzare e validare il codice, disattivare gli stili, visualizzare i colori utilizzati, nascondere le immagini, le password e molto altro.<\/p>\n

 <\/p>\n

WhatFont<\/a><\/strong><\/p>\n

\"\"<\/a><\/p>\n

WhatFont \u00e8 uno strumento che ti dice non solo il nome del font, ma anche l’altezza, le dimensioni ed il tipo di linea.<\/p>\n

 <\/p>\n

Window Resizer<\/a><\/strong><\/p>\n

\"\"<\/a><\/p>\n

Questa estensione \u00e8 utilissima in quanto ridimensiona la finestra del browser al fine di emulare le varie risoluzioni.<\/p>\n

 <\/p>\n

Google Font Previewer for Chrome<\/a><\/strong>
\n\"\"<\/a><\/p>\n

Questa estensione permette di applicare rapidamente i font di Google a specifici selettori CSS in modo da poter avere un’anteprima veloce di quello che sar\u00e0 il tipo di font nella progettazione prima che il file sia aggiornato.<\/p>\n

 <\/p>\n

Ruul<\/strong><\/p>\n

\"\"<\/a><\/p>\n

Ruul \u00a0\u00e8 un semplice righello visualizzabile sullo schermo che permette di allineare e misurare qualsiasi cosa. Ideale per analizzare i progetti esistenti.<\/p>\n

 <\/p>\n

HTML Validation<\/strong>
\n\"\"<\/a><\/p>\n

Un modo semplice e veloce per validare la pagina corrente con w3.org.<\/p>\n

 <\/p>\n

Check My Links<\/a><\/strong><\/p>\n

\"\"<\/a><\/p>\n

Check My Links controlla rapidamente tutti i link su una pagina web mettendo in evidenza quali sono validi e quali sono rotti. Molto utile.<\/p>\n

 <\/p>\n

Neo Vision<\/strong><\/p>\n

\"\"<\/a><\/p>\n

Neo Vision evidenzia la sintassi durante la visualizzazione del file di origine.<\/p>\n

 <\/p>\n

Browser Compatibility Detector<\/strong><\/p>\n

\"\"<\/a><\/p>\n

La compatibilit\u00e0 tra i browser \u00e8 un problema per chi sviluppa siti web. Questo strumento consente di identificare rapidamente potenziali aree problematiche nel codice.<\/p>\n

 <\/p>\n

SEO & Website Analysis<\/a><\/strong><\/p>\n

\"\"<\/a><\/p>\n

SEO & Website Analysis \u00e8 un’estensione progettata da WooRank per Google Chrome che fornisce una profonda analisi SEO.<\/p>\n

 <\/p>\n

Alla Prossima.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Google Chrome attualmente \u00e8 il Browser preferito da utenti Mac e Windows, questo perch\u00e8 ha un interfaccia minimale ed \u00e8 molto pratico. Oggi per tutti gli utilizzatori di Chrome, abbiamo stilato una collezione di estensioni utili nello specifico per designer e sviluppatori. Firebug Lite Firebug Lite permette di visualizzare gli elementi HTML e DOM,\u00a0ispezionare gli […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[282,1411],"tags":[461,458,457,459,165,462,460,295],"class_list":["post-4195","post","type-post","status-publish","format-standard","hentry","category-software","category-browser","tag-chrome","tag-chrome-designer","tag-estensioni-chrome","tag-estensioni-utili-chrome","tag-firebug","tag-google-chrome","tag-google-chrome-estensioni","tag-jquery"],"modified_by":"Andrea (Xlogic.org)","_links":{"self":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/4195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/comments?post=4195"}],"version-history":[{"count":0,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/4195\/revisions"}],"wp:attachment":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/media?parent=4195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/categories?post=4195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/tags?post=4195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}