Browser Plugin
In questa pagina una raccolta di plugins o add-ons dedicata a web designer, developer e webmaster per i browser più famosi presenti sul web, la lista ne conta già più di 100 e sarà in continuo aggiornamento.
Top plugin
Firebug: Sicuramente la migliore risorsa per web developer, questo plugin permette di ispezionare tramite un pannello la struttura e l’aspetto di ogni pagina web, modificarli e ottenere i risultati nello stesso momento, inoltre può essere implementato con ulteriori plugin.
- Firebug lite FireFox – Firebug lite per Chrome – Firebug lite per Safari -
Web developer Toolbar: Altro importantissimo strumento per ispezionare ed estrapolare informazioni di qualsiasi tipo da una pagina web, dai linguaggi web utilizzati a palette di colori fino alla validazione del codice stesso.
- Web developer toolbar per Firefox – Web developer toolbar per Firefox
FireFox addons
Accessibility evaluation toolbar: Per testare siti web e la loro accessibilità conforntandoli con i parametri imposti dal HTML iCITA.
Colorzilla: Utilissimo strumento per raccogliere colori da un punto qualsiasi di una pagina web, inserirlo in una palette di colori e copiare il codice colore.
Code burner: Un’estensione per FireBug che aggiunge informazioni aggiuntive utili per elementi HTML e CSS che si vogliono ispezionare.
CSS validator: Per validare un foglio di stile CSS usando i parametri W3C.
Clear cache: Per pulire velocemente la cache, molto utile durante la fase di sviluppo e debug di un sito web.
DOM inspector: Ispeziona tutti i “nodi” di una pagina web, per estrapolare la struttura di un documento web.
Dust me selector: Mostra tutti i selettori inutilizzati analizzando un foglio di stile CSS di riferimento.
Edit CSS: Per modificare live regole CSS tramite un pannello nel browser.
Fire FTP: Per accedere ai propri server tramite un FTP usando Firefox.
Fire PHP: Per consultare il manuale reference PHP direttamente su Firefox invece che navigare ogni volta nel sito ufficiale.
Flag fox: Mostra l’ubicazione del server ospitante la pagina web che si sta navigando tramite una piccola bandiera della nazione.
Flash Firebug: Estensione di FireBug dedicata interamente a file creati con Flash.
Firefinder fon firebug Estensione per il plugin Firebug che mostra tutti gli elementi HTMl presenti in una pagina web in base ad una ricerca.
Per esempio digitando l’elemento “div” compariranno tutti gli elmenti con questo tag.
Grid fox: Per disegnare griglie sopra una pagina web.
HTML validator: Strumento per validare codice HTML, disponibile solo per Windows.
IE Net render: Genera anteprime di pagine web come se fossero generate con una versione a scelta di Internet Explorer, questo plugin è la versione per FireFox del famoso tool.
IEtab: Questo plugin permette di aprire e navigare un sito web come se questo fosse aperto con Internet Explorer, puoi definire quale versione di IE vuoi utilizzare dalla 7 alla 9, ottimo per fare il debug di pagine web.
Image zoom: Per eseguire zoom su immagini e ruotarle all’interno della pagina.
Live HTTP header: Estrapola e visualizza il contenuto dell’HTTP header.
Measure it: Strumento per misurare in maniera precisa qualsiasi porzione di una pagina web.
Open with: Per testare pagine web come se fossero aperte con altri browser, non solo Internet Explorer.
PHP developer tool bar: Altro plugin per consultare la guida del sito PHP.net direttamente nella pagina in cui si sta navigando tramite una barra di ricerca, oltre a fornire diversi strumenti utili per gli sviluppatori PHP.
Stylish: Permette di inserire interi fogli di stile personalizzati in un sito web per modificarne l’aspetto, ed osservarne il risultato.
View source chart: Per ispzionare la struttura DOM in maniera veloce e intuitiva tramite colori e menu a tendina.
Chrome plugin
Browser compatibility detector: Rileva possibili incompatibilità all’interno di una pagina web confrontantola con i più popolari browser come IE, Firefox, Opera, Chrome e Safari.
CSS scan: Apre un pannello informativo delle proprietà CSS assegnate ad un elemento HTML selezionato.
CSS viewer: Semplice strumeto per analizzare le prorpietà CSS di un elemento HMTL.
Chrome palette :Altro stumento per creare palette di colori.
Code Cola: Permette di editare il codice CSS di pagine web direttamente nella finestra browser.
Color generator: Per creare palette di colori e codice RGB e Hex con la possibilità di modificare i parametri Hue, Saturation, Color.
Color picker: Strumento per estrarre il codice colore da un elemento in una pagina web.
Editor: Un editor di codice HTML da usare direttamente nella finestra del browser.
Google Font preview: Permette di scegliere uno o più font dalla directory di Google per applicarli a porzioni o a tutti i testi di una pagina web.
Measure it: Strumento per misurare in maniera dettagliata qualsiasi elemento o distanza di una pagina web.
HTML5 pointer: Una collezione di risorse utili HTML5 da tenere sempre a portata di mano e consultarle all’esigenza semplicemente usando un pannello nel browser.
HTML5 powered: Mostra tramite le icone ufficiali del linguaggio quali tecnologie HTML5 sono presenti in una pagina web che usa il doctype di riferimento.
HTML validator: Per validare il codice HTML della pagina su cui si sta navigando.
HTML instant: Un editor HTML in tempo reale.
Immage proprieties: Estrapola tutte le informazioni riguadanti le immagini in una pagina web e li espone ordinate in una tabella.
Javascript injector: Per salvare porzioni di codice Javascript e inserirlo in documenti web.
JQuery shell: Per includere e integrare script Javascript e jQuery all’interno del documento sul quale si naviga.
JQuerify: Ti permette di aggiungere codice JQuery all’interno di una pagina web e osservarne le modifiche.
JSON formatter: Strumento per estrapolare risposte JSON e renderle facilmente leggibile con colori, menu a tendina etc.
Jsshell: Per eseguire istruzioni jQuery tramite l’apertura di una finestra autonoma del browser.
jQuery API browser: Per navigare velocemente attraverso le API jQuery.
Lorem ipsum generator: Generatore di testo esemplificativo per riempire spazi con testi all’interno di una pagina web.
PHP Dcoumentation: inserirà un bottone per una ricerca veloce di qualsiasi cosa riguarda PHP prendendo come partenza la documentazione ufficiale di questo linguaggio.
PHP console: Segnala tutti gli errori di debug PHP di una pagina web.
User style sheet: Permette di inserire in una pagina web un intero codice CSS e mostare la pagina con le modifiche.
XV-XML viewer: Un visualizzatore di codice XML.
Validity: Uno strumento per validare il codice di una pagina web.
Kokun: Per estrarre colori da una pagina web.
Web editor: Strumento per modificare qualsiasi cosa in una pagina web e adattarla alle prorpie idee.
What font: Per identificare il nome di un font in una pagina web.
Windows resizer: Strumento per ridimensionare la dimensione del browser per emulare le differenti dimensioni con una precisione totale.
Webdeveloper toolbar: Plugin completissimo per estrapolare, modificare, validare e identificare qualsiasi cosa possa risultare utile o di interesse in un pagina web.
PHP developer tool bar: Altro plugin per consultare la guida del sito PHP.net direttamente nella pagina in cui si sta navigando tramite una barra di ricerca, oltre a fornire diversi strumenti utili per gli sviluppatori PHP.
