11 Top CSS Editors - Rivisto
1. Stylizer
Compatibilità: finestreCaratteristica notevole: Code Grid, Size Grips, Bullseye, Two-click Coloring
Stylizer è un editor CSS assolutamente unico su cui si concentra editing CSS in tempo reale. Puoi semplicemente inserire un indirizzo web nel suo browser integrato che supporta Firefox 3.5 e la definizione di stile di IE7, e avrebbe tutte le relative regole CSS caricate per te da modificare con la sua familiare interfaccia point-and-click.
L'editor viene fornito con a Code Grid funzionalità che rende più comoda la modifica CSS, in quanto è possibile visualizzare il risultato immediatamente dopo aver modificato un valore. Anche con la sua diagnostica bullseye funzione, è possibile visualizzare gli elementi associati in determinate parti del sito e modificarlo con punti e clic. Altre caratteristiche come Prese taglia ti consente di regolare visivamente la posizione di un elemento CSS e con Colorazione con due clic funzione ti viene concesso un selettore di colori simile a Photoshop per scegliere qualsiasi colore per, diciamo, il carattere del tuo sito. Oh, ho detto che tutte queste modifiche sono fatte in tempo reale, risultato immediatamente visibile?
Con Stylizer è semplicemente impossibile fare un errore CSS in quanto potrebbe limitarti a inserire qualsiasi valore che non è compatibile con la corrispondente proprietà CSS. Tuttavia, il software non riuscirebbe a caricare determinati file CSS a volte, a causa del suo errore critico inspiegabile.
Stylizer viene fornito con la versione Basic e Ultimate. Mentre la versione Basic è completamente gratuita, la versione Ultimate è disponibile per 14 giorni dopo l'installazione, quindi offre $ 85 per continuare a utilizzare le sue funzionalità avanzate come Bullseye.
2. TopStyle
Compatibilità: finestreCaratteristica notevole: Style Inspector, Style Sweeper, CSS Tidy
L'editor CSS di TopStyle inizia a stupirti per la prima volta quando puoi scegliere una definizione di stile che mostra solo proprietà e valori supportati da Firefox, Internet Explorer, Safari o persino iPhone OS 2.0, che è praticamente utile per la piattaforma multipiattaforma web designer.
Tra tutte le funzionalità che ho trovato Ispettore di stile è particolarmente utile, poiché funziona come un pannello per consentire di includere qualsiasi proprietà CSS con una semplice interfaccia point-and-click. Quando hai finito di scegliere tutte le proprietà CSS che desideri, il codice sorgente verrà generato automaticamente per consentirti di risparmiare tempo da una codifica ripetitiva e stancante.
Un'altra buona roba su TopStyle mostra la compatibilità del browser sotto il suo ispettore di stile, che puoi vedere o la proprietà CSS è completamente supportata da una determinata versione di browser come Internet Explorer 7, o è terribilmente buggy.
L'editor è una versione di prova con funzionalità limitate e puoi sbloccarne il pieno potenziale di $ 79,95.
3. Maestro di stile
Compatibilità: Windows, Mac OS XCaratteristica notevole: Modello di foglio di stile
Sostenuto come un maestro, Style Master ha fatto molto bene a creare un ambiente di editing CSS per qualsiasi livello di esperienza. Il software non solo fornisce l'editor WYSIWYG che semplifica il flusso di lavoro per i principianti di CSS, ma ti garantisce anche l'accesso alle informazioni molto dettagliate su ogni proprietà CSS a cui gli esperti devono fare riferimento. Puoi sfogliare e scegliere le proprietà CSS in base alla categoria o in ordine alfabetico.
Forse il punto più unico è che l'editor stesso contiene quasi 20 utili modelli di fogli di stile per iniziare e non sorprende che un master di stile abbia regole CSS molto pulite, ben organizzate e professionali definite nel suo modello incorporato.
Puoi goderti il software completo per 30 giorni e pagare $ 59,99 o $ 29,99 per la licenza di studio per riaprire il suo pieno potenziale.
4. Xyle Scope
Compatibilità: MacCaratteristica notevole: Modalità di selezione, gruppo intelligente, integrazione dell'editor di testo
Xyle Scope è un must-have editor CSS gratuito per Mac, in quanto è un editor CSS veramente professionale che ti consente di navigare sul sito web mentre ottimizzi i suoi CSS direttamente all'interno dell'editor.
Il browser di Xyle viene fornito con la normale modalità browser e la modalità di selezione che funziona in modo abbastanza simile come il plug-in Firefox, Firebug che fornisce la visualizzazione e la modifica dei sorgenti CSS, tranne che l'editor consente di salvare i valori CSS modificati nella loro posizione originale.
Usando il 'Smart Group'caratteristica, si è in grado di filtrare tutte le regole che influenzano il modo in cui vengono mostrati i link o i responsabili del layout, si può anche restringere il risultato con la sua funzione di ricerca integrata, non più il metodo di prova ed errore!
Xyle Scope Offri anche l'integrazione con editor di testo esterni come BBEdit per un lavoro di codifica più conveniente e che fa risparmiare energia, basta fare un cambiamento e l'editor di testo o Xyle Scope aggiornerà automaticamente tutte le modifiche per te.
5. Rapido CSS
Compatibilità: finestreCaratteristica notevole: Evidenziatore della sintassi, completamento del codice, formattazione CSS
Il CSS rapido è la via per un editing CSS più comodo, conveniente e complesso. Ha un proprio editor di testo completamente personalizzabile con utili funzioni come l'evidenziazione della sintassi, il completamento del codice e il riferimento CSS incorporato per un'esperienza di codifica indolore.
Prendendoti cura della pulizia del tuo CSS, puoi formattare il tuo foglio di stile CSS, ad esempio riordinandoli in base al tipo di CSS o creando proprietà abbreviate per rendere il foglio di stile più comodo e dolce. Il validatore di codice integrato garantisce inoltre che il tuo foglio di stile non sia solo pulito ma valido.
L'editore viene fornito con un periodo di valutazione di 30 giorni con 30 usi, puoi andare per la versione completa di $ 29,85.
6. Studio di stile
Compatibilità: finestreCaratteristica notevole: Procedura guidata CSS, IntelliStyle
La principale bellezza di Style Studio si trova nella sua funzione CSS Wizard, che funziona per fornire un immediato effetto CSS con pochi clic e punti.
Ad esempio, puoi selezionare un mago del carattere, quindi scegliere una famiglia di caratteri e impostare una dimensione del carattere per esso, quindi stile, peso, variante ... e boom! Le regole vengono inserite nel foglio di stile come codice CSS pienamente convalidato.
Le funzionalità della procedura guidata includono anche colori, bordi, testo, posizionamento, classificazione e infine regole di filtro, quasi tutto ciò che puoi pensare dei CSS. Queste procedure guidate sono molto utili in quanto non è necessario digitare ripetutamente per ottenere determinati effetti CSS complessi. Un'altra caratteristica nobile è IntelliStyle, che funziona come il completamento del codice per consentire all'utente di scegliere determinate proprietà CSS per scopi di progettazione.
Il rovescio della medaglia di questo editor sarebbe il suo obsoleto supporto per la definizione dello stile del browser, in quanto supporta solo fino a IE6 e, beh, nessun Firefox.
Hai 30 giorni per goderti il software e $ 49,99 per acquistarlo.
7. CSSEdit
Compatibilità: MacCaratteristica notevole: X-ray Inspector, Visual Editor, Selector Builder
Progetta siti web belli, innovativi e veloci con un'app bella, innovativa e veloce, ovvero CSSEdit di MacRabbit. Da funzionalità come Selector Builder fino all'ambiente di origine intelligente, CSSEdit è progettato per qualsiasi livello di esperienza.
Con l'editor altamente lucido come questo, ci si aspetta che le modifiche al foglio di stile CSS vengano visualizzate in tempo reale, senza una faticosa azione di aggiornamento del caricamento. L'ispettore a raggi X viene anche creato come funzionalità per diagnosticare il codice CSS da una parte specifica del sito.
La parte innovativa del CSSEdit è probabilmente il suo Generatore di selettori che ti consente di descrivere il tuo stile CSS con un inglese semplice, poco interesse per un esperto ma utile per principianti assoluti.
La versione demo ti consente di salvare file con meno di 2500 caratteri, mentre puoi pagare $ 39,95 per eliminare tutte le restrizioni.
8. Editor CSS EngInSite
Compatibilità: finestreCaratteristica notevole: Strumento di misurazione in modalità Anteprima
Se sei un designer serio a cui importa la corretta specifica CSS, il posizionamento CSS corretto o il tuo foglio di stile CSS devono essere pienamente convalidati, allora l'editor CSS di EngInSite può essere il tuo editor preferito.
In questo editor, puoi aggiungere class, id e selettore di elementi con l'aiuto del suo ispettore integrato, inoltre puoi convertire il colore in valore esadecimale o RGB, che è una caratteristica molto rara per un editor CSS. È possibile osservare i risultati nel pannello di anteprima con strumenti di misurazione per garantire che ogni elemento di progettazione sia nella giusta posizione.
L'editor ha anche il completamento del codice, ma è un po 'buggato, quindi direi che è il completamento del codice semi. Altrimenti l'intero editor è piacevole da usare, tranne il fatto stesso che l'editor è abbastanza obsoleto in termini di supporto alla defnizione dello stile del browser, in quanto supporta solo fino alla definizione dello stile di IE6.
9. Creatore di fogli di stile
Compatibilità: finestreCaratteristica notevole: Tag CSS
Stylesheet Maker è un altro editor CSS standard che offre una superficie di codifica pulita con pannello di esplorazione file e alcuni utili strumenti CSS per aiutare a impostare font, colore, margine, bordo, ecc..
Rispetto a diversi editor CSS come CSS rapido o Studio di stile, Maker ha meno funzionalità ma un'interfaccia molto pulita, e questo è un bene per alcuni principianti che non vogliono complicare le cose, o ninja CSS che vuole tutto ciò che è minimo e comodo.
Sebbene questo editor sia progettato per utenti intermedi, la sua caratteristica dei tag CSS può aiutarti a creare semplicemente una regola CSS con tag per clic.
Costa $ 34 per possedere questo editor, oppure puoi acquistarlo con altri software CoffeeCup come acquisto in bundle.
10. Arduo CSS
Compatibilità: finestreCaratteristica notevole: Nodo, CSSTidy
Arduo CSS è un nuovo editor CSS nato che mira a farti piacere con la sua interfaccia intuitiva e facile da usare. Con la sua interfaccia pulita e l'evidenziazione della sintassi, hai la certezza di creare e modificare un file CSS senza troppi problemi e interruzioni. Inoltre puoi usare la sua funzione 'Nodo' per definire le regole CSS per punti e click.
Per coloro che sentono che il tuo foglio di stile è troppo pesante, lo strumento CSSTidy dell'editor può aiutarti a ottimizzare il foglio di stile e cancellare tutto il codice non necessario.
L'editor è disponibile gratuitamente sul suo sito ufficiale.
11. Semplice CSS
Compatibilità: Windows, Mac OS XCaratteristica notevole: Importazione file CSS, interfaccia Point-and-click, database font aggiuntivo
Proprio come il suo nome, Simple CSS ha tutto ciò di cui un designer ha bisogno per un semplice editing CSS. Puoi importare un file CSS nell'editor e modificarlo con pochi clic, controllare il risultato nel pannello di anteprima ed estrarre subito il codice sorgente.
Sebbene sia possibile importare quasi tutti i file CSS nell'editor, è possibile visualizzare solo 1 regola CSS contemporaneamente con un clic, ea volte l'importazione potrebbe causare un errore a causa della sua limitazione come nessun supporto di @rules. Anche l'editor in sé non è così flessibile come puoi selezionare solo 'Auto' o 'Eredita' per la proprietà z-index, ma non dare direttamente alla proprietà un valore.
Tuttavia, è gratuito e abbastanza utile per il progettista che ha bisogno di una soluzione rapida.
Bonus: più editor e strumenti
Anche se non sono esattamente editor CSS, questi strumenti sono qualcosa che potresti voler avere quando si tratta di modificare CSS.
Firebug
Lo strumento di sviluppo web più popolare e potente che ispeziona HTML, modifica lo stile CSS e visualizza le modifiche in tempo reale, disponibile come plug-in per il browser Web Firefox.
Uso CSS
Un'estensione per Firebug che ti consente di scansionare più pagine del tuo sito per vedere quali regole CSS sono effettivamente utilizzate nel tuo sito.
Sviluppatore web
Un'estensione per Firefox per fare un sacco di cose interessanti come visualizzare fonti CSS o disabilitare determinati fogli di stile CSS per la progettazione o lo sviluppo.
Bloc notes++
Un editor di codice sorgente gratuito e una sostituzione di Blocco note che supporta diverse lingue tra cui CSS. Contiene funzioni come il completamento delle funzioni per aiutarti a creare il tuo design CSS.
Coda
Un editor di testo avanzato con editor CSS integrato che ti offre due modalità di modifica CSS per un'esperienza di progettazione più flessibile, in grado di vedere il risultato immediatamente dopo le modifiche apportate.
NetBeans IDE
Un ambiente di sviluppo integrato open-source e professionale con il riferimento CSS più completo nella sua funzione di completamento del codice.
Aptana Studio
Un ambiente di sviluppo web completo che combina potenti strumenti di authoring per HTML, CSS e JavaScript, attualmente supporta fino a HTML5 e CSS3.
WebStorm
L'IDE di JetBrain che implementa il completamento automatico pertinente per tutto ciò che include i CSS, è anche possibile ricevere notifiche sui problemi CSS al volo.