Anche se scrivere o lavorare con il codice potrebbe non essere il tuo lavoro principale come progettista UX (o nella tua descrizione del lavoro) è un’abilità che porterà lontano il tuo lavoro. Avere una conoscenza di base delle lingue utilizzate dagli sviluppatori e dagli ingegneri non solo ti darà una migliore prospettiva su come i tuoi progetti prendono vita e ti aiuteranno a comunicare tra i team, ma ti permetterà anche di diventare più agile nei tuoi processi di lavoro. (Giusto avvertimento: I tuoi amici sviluppatori possono perdere i tuoi pantaloni occasionali chiede modifiche minori.)
Mentre ci sono molte lingue utilizzate nella costruzione di un sito web, il CSS è solo uno dei linguaggi di fogli di stile più comunemente usati che potresti voler conoscere meglio. Probabilmente hai già lavorato con esso durante l’esecuzione di audit con gli sviluppatori, apportando piccole modifiche stilistiche ai progetti predefiniti o costruendo i tuoi prototipi interattivi al di fuori di InVision Studio.
Per rendere queste attività (e più) più facile, aiuta ad avere un grande editor CSS nella tua casella degli strumenti. Che tu sia nel mercato per uno nuovo (o vuoi aiuto nella scelta del tuo primo), abbiamo messo insieme una lista 10 dei migliori sul mercato.
but ma prima di immergerci in loro, andiamo sulla stessa pagina:
Cos’è il CSS?
Solo un rapido aggiornamento: CSS sta per “Cascading Style Sheets.”È un linguaggio di fogli di stile che ti aiuta a controllare l’aspetto di più pagine (come il colore di sfondo o la grafica) su un sito Web tutto in una volta usando solo un singolo file. Invece di dover entrare nel codice HTML di ogni singola pagina e apportare manualmente le modifiche,.i file css possono apportare ampie modifiche in tutte le pagine di un sito.
Perché i progettisti hanno bisogno di editor CSS?
Abbiamo toccato sopra, ma i progettisti hanno bisogno di editor CSS per accedere facilmente e apportare modifiche a un .file css quando si collabora con ingegneri o sviluppatori, o costruire i propri progetti. Non solo avere un editor CSS consente di apportare queste modifiche, ma presentano il codice in un modo semplice che riduce al minimo la possibilità di introdurre errori nel file.
Ok-ora torna alle tue opzioni per gli editor CSS:
10 grandi editor CSS da usare
Più popolari: Sublime Text
Fonte: Sublime Text
Prezzo: Libero di “scaricare e valutare,” ma non v’è alcun limite ufficiale su tale periodo di valutazione dura. Una licenza commerciale per l’uso continuato è di 8 80.
Sistemi operativi:
- Mac OS X (10.7 o versione successiva)
- Windows
- Windows 64 bit
- Linux repository
Sublime Text è un editor CSS reattivo e veloce che è uno dei più popolari sul mercato. È dotato di elementi linguistici codificati a colori per mantenere facilmente e visivamente le cose in pista, e una funzione di completamento automatico del codice per accelerare la personalizzazione del sito web.
Ottimo per la collaborazione: Atom
Fonte: Atom
Prezzo: Libero
Sistemi operativi:
- Mac OS X (10.9 o versioni successive)
- Windows (7 o versioni successive)
- Linux (RedHat o Ubuntu)
Atom è un editor CSS open source facile da usare che consente la collaborazione in tempo reale con gli altri sul codice (ovvero qualsiasi sviluppatore che ha bisogno di aggiungere le proprie modifiche.)
La piattaforma è dotata anche di alcune funzionalità intuitive, come:
- completamento Automatico per aiutarvi a scrivere il codice più velocemente
- Un file browser di sistema, in modo da poter aprire uno o più progetti in una singola finestra
- L’opzione per installare diversi “pacchetti” di agire come utile estensioni di Atom, dando ancora più opzioni per lavorare con
ottimo Anche per la collaborazione: le Parentesi
Fonte: Staffe
Prezzo: Gratuito
sistemi Operativi:
- Mac OS (Mojave o versione successiva)
- Windows (7 o versioni successive)
- Linux (Ubuntu o Mint)
Parentesi è anche un open-source editor CSS che viene fornito con una serie di caratteristiche, come un “live preview” opzione, che collega con il vostro browser in modo da poter vedere le modifiche fatte direttamente sul tuo sito web. Ha anche una serie di estensioni disponibili che consentono un’ulteriore personalizzazione.
Ottimo per gli utenti Mac: Espresso
Fonte: Espresso
Prezzo: systems 79 (viene fornito con prova gratuita)
Sistemi operativi: Mac OS (X o successivo)
Espresso è un editor CSS realizzato esclusivamente per Mac OS. Come Parentesi, viene fornito con un pratico strumento di anteprima dal vivo che ti permette di vedere le modifiche apportate al tuo sito web in tempo reale. I progettisti di siti Web possono anche lavorare rapidamente con funzionalità come trova e sostituisci e un ottimo strumento multi-modifica che consente di apportare modifiche di massa in una volta sola.
Ottimo editor per HTML, CSS e una manciata di altre lingue: Blocco note++
Fonte: Blocco note++
Prezzo: Gratuito
Sistemi operativi: Windows (X o successivo)
Notepad++ è uno degli editor CSS più popolari disponibili per il download—e per una buona ragione. La piattaforma è piena di funzionalità tra cui il completamento automatico, trova e sostituisci e multiview, in modo da poter guardare diversi progetti contemporaneamente. Notepad++ supporta anche più di 20 lingue tra cui CSS, in modo da poter davvero entrare nelle erbacce con i vostri disegni. A partire dal 2019, l’editor CSS è disponibile solo per Windows.
Grande per coloro che amano mantenere le cose semplici: Komodo Modifica
Fonte: ActiveState
Prezzo: Gratuito per Komodo Edit, ma la loro piattaforma più robusta Komodo IDE parte da $295 per una singola licenza.
Sistemi operativi:
- Windows
- Mac OS (X o versioni successive)
- Linux
Komodo Edit è uno strumento di editor CSS minimo ma potente. Ciò che manca in funzionalità come l’anteprima dal vivo o la collaborazione in tempo reale, compensa con i suoi strumenti come “Vai a qualsiasi cosa”, che ti permette di fare cose come cercare qualsiasi file di cui hai bisogno o aprire diversi menu.
Ottimo per i neofiti: Stylizer
Fonte: Skybound
Prezzo: C’è una versione di prova gratuita e$79 sola volta l’acquisto di licenze dà una chiave di prodotto che funziona su Windows o Mac, e anche un 30-giorni garanzia di rimborso solo nel caso in cui si desidera tornare indietro.
Sistemi operativi:
- Mac OS
- Windows
Stylizer è un editor CSS WYSIWYG la cui modalità di anteprima dal vivo lo distingue dagli altri editor CSS sul mercato. Utilizzando anteprima in tempo reale, è possibile vedere tutte le modifiche sul browser come li fate. Ti dà anche un elenco di “Avvertimenti” di eventuali errori che pensa che potresti aver fatto durante la codifica. Questo è perfetto per qualsiasi editor CSS newbie là fuori.
Ottimo per chi cerca un robusto editor CSS gratuito: Visual Studio Code di Microsoft
Prezzo: Gratuito
Sistemi operativi:
- Mac OS (X o versioni successive)
- Windows (7 o versioni successive)
- Linux (Debian, Ubuntu, Red Hat, Fedora o SUSE)
Visual Studio Code (VSX) è l’editor CSS su misura di Microsoft e viene fornito con tutte le caratteristiche robuste che ci si aspetta da loro. Questo è un editor CSS molto veloce, con funzionalità come IntelliSense che “va oltre l’evidenziazione della sintassi e il completamento automatico” completando il codice in base a ” tipi di variabili, definizioni di funzioni e moduli importati.”VSX consente inoltre di eseguire il debug del codice direttamente dall’editor.
Grande per coloro che amano le cose facile e veloce: pesce Azzurro
Fonte: pesce Azzurro
Prezzo: Gratuito
sistemi Operativi:
- Mac OS X o versione successiva)
- Windows (XP o versioni successive)
- Linux (Ubuntu, Debian e Fedora)
Bluefish è un semplice editor CSS dai produttori del luogo di lavoro software di produttività OpenOffice. È abbastanza semplice in termini di grafica e interfaccia, ma è anche ciò che lo rende bello e veloce. Non ti impantanerai da un sacco di funzioni che non ti servono, dato che su questo software c’è praticamente zero grassi.
Ottimo per coloro che vogliono un editor robusto—e non importa pagare per questo: Rapid CSS
Fonte: Rapid CSS
Prezzo: Inizia a $39.95 (con prova gratuita) per un personale, licenza non commerciale; $49,95 per uso professionale.
Sistemi operativi: Windows (7 o versioni successive)
Rapid CSS è un robusto editor multi-codice che include funzionalità come l’evidenziazione della sintassi, l’anteprima dal vivo, uno strumento avanzato di ricerca e sostituzione e persino una “libreria di frammenti di codice” per i tuoi modelli.
Scaricato un editor CSS, ma ancora bisogno di un paio di suggerimenti su come mantenere tutto bello e ordinato? Ecco, come evitare il caos nei tuoi fogli di stile.