Sep

22

CSSVista: modificare CSS su Internet explorer e Firefox

Bad interface, Css, Links, Software, XHTML, firefox, webdesign

CSSVista è una software per windows (necessita delle librerie NET 2.0) che permette di fare un live editing del css di una pagina web e vederne i risultati contemporaneamente su Internet explorer e Firefox. Una volta installato CSSVista, il programma vi chiederà l’url di una pagina web di cui potrete vedere il render (esattamente come un qualsiasi browser). Il bottone EDIT farà comparire tre aree distinte: l’area di editing dei CSS della pagina e due aree di preview (una per Internet Explorer e una per Firefox). Modificando il codice del CSS, vedrete in tempo reale gli aggiornamenti degli stili nelle altre due finestre.

L’idea è molto carina e funzionale, ma sul mio sistema (windows XP caricato su Parallels di OSX) c’è un problema abbastanza grave in fase di editing del css: il focus sembra passare in automatico dall’area di modifica del CSS agli altri pannelli. Questo spostamento non voluto del focus è decisamente frustrante perchè mi sono spesso trovato a scrivere del codice e a non vederlo correttamente inserito (perchè per esempio l’area attiva era uno dei due pannelli della preview).

Se proprio volete ottenere questa soluzione vi consiglio di utilizzare due estensioni per firefox che vi permettono di modificare al volo un css di una pagina web qualunque (EDIT CSS) e IETAB (solo per windows) che vi permette di aprire dentro un tab di firefox una pagina caricata con il motore di Internet Explorer.

Qualcuno ha avuto maggiore successo con CSSVista?

Aug

02

How to find unused CSS styles

Css, Links, XHTML, code, firefox, osx

If you want to find non used CSS styles aka orphan CSS classes or ID or simply styles let’s install “Dust-Me Selectors” FIREFOX extension:

Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors.

It extracts all the selectors from all the stylesheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used. The data is then stored in your user preferences, so that as you continue to navigate around a site, selectors will be crossed off the list as they’re encountered.

Prodotti correlati

:)