deși scris sau de lucru cu cod ar putea să nu fie treaba ta principal ca un designer de UX (sau în descrierea postului la toate) este o abilitate care va lua munca departe. O înțelegere de bază a limbajelor pe care dezvoltatorii și inginerii le folosesc nu numai că vă va oferi o perspectivă mai bună asupra modului în care proiectele dvs. prind viață și vă vor ajuta să comunicați între Echipe, dar vă va permite, de asemenea, să deveniți mai nimbler în procesele dvs. de lucru. (Avertisment corect: Prietenii dvs. de dezvoltator pot pierde pantalonii ocazionali solicită modificări minore.)
deși există multe limbi utilizate în construirea unui site web, CSS este doar una dintre cele mai frecvent utilizate limbi de foi de stil cu care poate doriți să vă familiarizați mai bine. Probabil că ați lucrat deja cu acesta în timp ce efectuați audituri cu dezvoltatorii, faceți mici modificări stilistice la modele încorporate sau construiți propriile prototipuri interactive în afara InVision Studio.
pentru a facilita aceste sarcini (și multe altele), vă ajută să aveți un editor CSS excelent în caseta de instrumente. Indiferent dacă sunteți pe piață pentru unul nou (sau doriți ajutor în alegerea primului dvs.), am creat o listă 10 dintre cele mai bune de pe piață.
… dar înainte de a ne arunca cu capul în ele, să trecem pe aceeași pagină:
ce este CSS?
doar o reîmprospătare rapidă: CSS înseamnă „Cascading Style Sheets.”Este un limbaj de foaie de stil care vă ajută să controlați aspectul mai multor pagini (cum ar fi culoarea de fundal sau grafica) pe un site web simultan folosind doar un singur fișier. În loc să trebuiască să intrați în codul HTML al fiecărei pagini individuale și să efectuați manual modificări,.fișierele css pot face modificări ample pe toate paginile unui site.
de ce designerii au nevoie de editori CSS?
am atins pe ea de mai sus, dar designerii au nevoie de editori CSS pentru a accesa cu ușurință și de a face orice modificări la un .fișier css atunci când colaborează cu ingineri sau dezvoltatori sau își construiesc propriile modele. Nu numai că un editor CSS vă permite să faceți aceste modificări, dar acestea prezintă codul într-un mod simplu care minimizează șansa de a introduce erori în fișier.
bine—acum înapoi la opțiunile pentru editori CSS:
10 editori CSS mari pentru tine de a utiliza
cele mai populare: Sublime Text
Sursa: text sublim
Preț: Gratuit pentru a” descărca și evalua”, dar nu există nici o limită oficială pe care perioada de evaluare dureaza. O licență comercială pentru utilizare continuă este de 80 USD.
sisteme de operare:
- Mac OS X (10.7 sau mai târziu este necesar)
- Windows
- Windows 64 biți
- Linux repository
Sublime Text este un editor CSS receptiv și rapid, care este una dintre cele mai populare de pe piață. Dispune de elemente de limbaj codificate în culori pentru a menține cu ușurință și vizual lucrurile pe drumul cel bun și o caracteristică de completare automată a codului pentru a accelera personalizarea site-ului web.
excelent pentru colaborare: Atom
Sursa: Atom
Pret: gratuit
sisteme de operare:
- Mac OS X (10.9 sau mai târziu)
- Windows (7 sau mai târziu)
- Linux (RedHat sau Ubuntu)
Atom este un editor CSS ușor de utilizat, open-source, care permite colaborarea în timp real cu alții pe codul dvs.)
platforma vine, de asemenea, cu câteva caracteristici intuitive, cum ar fi:
- Auto-completare pentru a vă ajuta să scrie codul mai repede
- un browser de sistem de fișiere, astfel încât să puteți deschide unul sau mai multe proiecte într-o singură fereastră
- opțiunea de a instala mai multe „pachete” care acționează ca extensii la îndemână pentru Atom-oferindu-vă chiar mai multe caracteristici pentru a lucra cu
Sursa: paranteze
Pret: gratuit
sisteme de Operare:
- Mac OS (Mojave sau o versiune ulterioară)
- Windows (7 sau o versiune ulterioară)
- Linux (Ubuntu sau Mint)
Brackets este, de asemenea, un editor CSS open-source care vine cu o serie de funcții, cum ar fi o opțiune de previzualizare live care se leagă de browserul dvs., astfel încât să puteți vedea modificările făcute direct pe site-ul dvs. web. De asemenea, are o serie de extensii disponibile care permit personalizarea și mai departe.
excelent pentru utilizatorii de Mac: Espresso
Sursa: Espresso
Preț: $ 79 (vine cu încercare gratuită)
sisteme de operare: Mac OS (X sau mai târziu)
Espresso este un editor CSS făcut exclusiv pentru Mac OS. La fel ca parantezele, vine cu un instrument de previzualizare live la îndemână, care vă permite să vedeți modificările pe care le faceți site-ului dvs. web în timp real. Designerii de site-uri web pot lucra rapid și cu funcții precum găsiți și înlocuiți și un instrument excelent de editare multiplă care vă permite să efectuați modificări în bloc dintr-o singură dată.
editor excelent pentru HTML, CSS și o mână de alte limbi: Notepad++
Sursa: Notepad++
Preț: Gratuit
sisteme de operare: Windows (X sau o versiune ulterioară)
Notepad++ este unul dintre cei mai populari editori CSS disponibili pentru descărcare—și dintr-un motiv întemeiat. Platforma este plină de funcții, inclusiv completarea automată, găsirea și înlocuirea și multiview, astfel încât să puteți privi diferite proiecte simultan. Notepad++ acceptă, de asemenea, mai mult de 20 de limbi, inclusiv CSS, astfel încât să puteți intra cu adevărat în buruieni cu desenele dvs. Începând cu 2019, editorul CSS este disponibil numai pentru Windows.
mare pentru cei cărora le place să-l păstrați simplu: Komodo Edit
Sursa: ActiveState
Preț: Gratuit pentru Komodo Edit, dar platforma lor mai robustă Komodo IDE începe de la 295 USD pentru o singură licență.
sisteme de operare:
- Windows
- Mac OS (X sau mai târziu)
- Linux
Komodo Edit este un instrument minimal, dar puternic editor CSS. Ceea ce îi lipsește în funcții precum previzualizare live sau colaborare în timp real, compensează cu instrumentele sale precum „Du-te la orice”, care vă permite să faceți lucruri precum căutarea oricărui fișier de care aveți nevoie sau deschiderea diferitelor meniuri.
excelent pentru începători: Stilizator
Sursa: Skybound
Preț: există o încercare gratuită și o achiziție de licențiere unică de 79 USD vă oferă o cheie de produs care funcționează pe Windows sau Mac și, de asemenea, o garanție de returnare a banilor de 30 de zile doar în cazul în care doriți să vă retrageți.
sisteme de Operare:
- Mac OS
- Windows
Stylizer este un editor CSS WYSIWYG al cărui mod de previzualizare live îl diferențiază de alți editori CSS de pe piață. Folosind previzualizare în timp real, puteți vedea toate modificările în browser pe măsură ce le faceți. De asemenea, vă oferă o listă de „avertismente” a oricăror greșeli pe care le credeți că le-ați făcut în timp ce codificați. Asta e perfect pentru orice editor CSS newbie acolo.
excelent pentru cei care caută un editor CSS gratuit robust: cod Visual Studio de Microsoft
Preț: Gratuit
sisteme de Operare:
- Mac OS (X sau o versiune ulterioară)
- Windows (7 sau o versiune ulterioară)
- Linux (Debian, Ubuntu, Red Hat, Fedora sau SUSE)
Visual Studio Code (VSX) este editorul CSS personalizat Microsoft și vine cu toate caracteristicile robuste pe care le-ați aștepta de la ei. Acesta este un editor CSS foarte rapid, cu caracteristici precum IntelliSense care „depășește evidențierea sintaxei și completarea automată” completând codul dvs. pe baza „tipurilor de variabile, definițiilor funcțiilor și modulelor importate.”VSX vă permite, de asemenea, să depanați codul chiar de la editor.
excelent pentru cei cărora le plac lucrurile rapid și ușor: pește Albastru
Sursa: pește Albastru
Pret: gratuit
sisteme de operare:
- Mac OS (X sau o versiune ulterioară)
- Windows (XP sau o versiune ulterioară)
- Linux (Ubuntu, Debian și Fedora)
Bluefish este un editor CSS simplu de la factorii de decizie ale software-ului de productivitate la locul de muncă OpenOffice. Este destul de simplu din punct de vedere vizual și interfață, dar asta este și ceea ce îl face frumos și rapid. Nu veți fi împotmolit de o grămadă de funcții de care nu aveți nevoie, deoarece există practic zero grăsimi pe acest software.
excelent pentru cei care doresc un editor robust—și nu vă deranjează să plătiți pentru el: rapid CSS
Sursa: rapid CSS
preț: începe de la 39,95 USD (cu încercare gratuită) pentru o licență personală, necomercială; 49,95 USD pentru uz profesional.
sisteme de Operare: Windows (7 sau o versiune ulterioară)
rapid CSS este un editor robust, cu mai multe coduri, care vine la pachet cu funcții precum evidențierea sintaxei, previzualizare live, un instrument avansat de găsire și înlocuire și chiar o „bibliotecă de fragmente de cod” pentru șabloanele dvs.
a descărcat un editor CSS, dar mai aveți nevoie de câteva sfaturi pentru a păstra totul frumos și ordonat? Aici, cum să evitați haosul în foile de stil.