PageEdit Un editor di pagine WYSIWYG in tempo reale [Chrome]

Le persone che utilizzano Chrome o Firefox per scopi di sviluppo Web sanno che ci sono alcuni ottimi strumenti disponibili per ogni browser che rendono le pagine di sviluppo molto più semplici. Dall'estensione Firebug di Firefox agli strumenti di sviluppo web incorporati di Chrome, gli sviluppatori possono modificare rapidamente e facilmente il codice che vedono su una pagina e visualizzare immediatamente le modifiche, consentendo loro di determinare cosa funziona e cosa no.

Tuttavia, attraverso l'intero processo, avrai ancora bisogno di sapere una cosa o due su HTML, CSS e codice Javascript, che potrebbe non essere il migliore per le persone che non sanno molto del codice. Per fortuna, c'è un'estensione per Chrome che ti consente di modificare le pagine in modo WYSIWYG.

Installazione

Per installare questa estensione, è sufficiente fare clic sul collegamento all'interno di Chrome per andare alla pagina di download dell'estensione. Fai di nuovo clic e verrà installato in pochi secondi. Puoi attivare la nuova estensione tramite il suo pulsante nell'area in alto a destra.

Caratteristiche principali

Facendo clic sul pulsante dell'estensione potrai modificare la pagina in cui ti trovi al momento e dovrai fare clic sul pulsante per ogni altra pagina che desideri modificare, anche se si trova in una scheda diversa. Dopo aver fatto clic sul pulsante, ti vengono presentati numerosi strumenti che ti permetteranno di fare molte cose con i contenuti della pagina. Non solo puoi modificare la formattazione, ma puoi anche cambiare ciò che dicono le pagine stesse. Basta fare clic e iniziare a digitare come se fosse il tuo word processor.

Azioni del menu tasto destro

Se fai clic con il pulsante destro del mouse su un elemento, ottieni un elenco di azioni diverse che puoi fare con qualunque cosa hai fatto clic. Per il testo, ottieni opzioni come Incolla, Modifica Div, Rimuovi Div, e Proprietà elenco puntato. Se fai clic su un link, vedrai anche le opzioni per cambiare o rimuovere il link. Naturalmente, puoi sempre aggiungere un collegamento utilizzando il pulsante appropriato nella barra degli strumenti nella parte superiore della pagina.

Proprietà dell'immagine

Facendo clic su un'immagine è possibile visualizzare le proprietà dell'immagine, che mostrano elementi come l'URL, il testo alternativo, la larghezza e l'altezza e altro ancora, che è anche modificabile. Puoi persino modificare informazioni più avanzate, come l'URL del link per l'immagine e varie altre cose di cui gli sviluppatori web potrebbero saperne di più.

Salvare le tue modifiche

Infine, quando hai finito con tutte le modifiche, puoi fissarle finché non è il momento di chiudere il browser, oppure puoi salvare l'intera pagina, comprese le modifiche, in un file HTML. Basta premere il pulsante Salva e verrà visualizzata una finestra con un collegamento che è possibile fare clic con il pulsante destro del mouse e scegliere “Salva collegamento come“. La parte migliore di questo è che salva la fonte, quindi l'hai sempre nel caso fosse necessario.

Conclusione

PageEdit è un'estensione molto carina che ti permette di modificare le pagine in un modo divertente che non segue gli strumenti di sviluppo tradizionali. Spero che con questo strumento sarai più divertente di quanto puoi fare con qualsiasi altra cosa per creare pagine web. Hai bisogno di una veloce idea? Prova a scegliere una pagina, modificala a tuo piacimento, salvala sul tuo disco rigido, quindi punta il browser per utilizzarla come pagina iniziale. Ad esempio, puoi utilizzare la pagina di destinazione predefinita di Google e sostituire il logo con un'immagine personalizzata.

Se vuoi imparare un po 'di codice, prova la nostra guida su XHTML!

Pensi che PageEdit sia una bella idea? Lo useresti su strumenti di sviluppo tradizionali? Fateci sapere nei commenti!

Scopri di più su: Google Chrome, HTML, Web design, sviluppo Web, Strumenti per i Webmaster, editor WYSIWYG.