Per editare facilmente il CSS (Cascading Style Sheets) di un sito web possiamo utilizzare un’estensione per Google Chrome (disponibile gratuitamente in download anche per i sistemi Linux).
L’estensione si chiama Stylebot, reperibile nel Chrome Web Store ed è gratuita.
Una volta installata l’estensione potremo notare in alto a dx la scritta CSS (vedi figura sotto).
Guida all’utilizzo di Stylebot
Per avviare il pannello principale clicchiamo sull’icona dell’estensione (CSS) ed eseguiamo un “click tasto sx” sulla prima voce disponibile “Open Stylebot…”
Una volta avviato il pannello dobbiamo utilizzare lo strumento selezione (vedi freccia nella figura sottostante) e selezioniamo con un “click tasto sx” l’elemento da editare che al passaggio del mouse verrà evidenziato da un riquadro verde (vedi Home nella figura sotto).
Editare Elementi con Stylebot
Dopo aver selezionato l’elemento possiamo editare:
– Testo
– Colore e sfondo
– Bordo
– Impaginazione e visibilità
Esportare il codice CSS
Una volta editati a piacere gli elementi, possiamo esportare il codice CSS elaborato cliccando su “Edit CSS” (vedi immagine sotto).
