selv om du skriver eller jobber med kode, er det kanskje ikke din primære jobb som UX-designer (eller i stillingsbeskrivelsen din i det hele tatt). Å ha en grunnleggende forståelse av språkene utviklere og ingeniører bruker, vil ikke bare gi deg bedre perspektiv på hvordan designene dine kommer til liv og hjelper deg med å kommunisere på tvers av lag, men det vil også tillate deg å bli nimbler i arbeidsprosessene dine. (Rettferdig advarsel: Dine utvikler venner kan gå glipp av din sporadiske Slacks ber om mindre endringer.)
MENS DET er mange språk som brukes til å bygge et nettsted, ER CSS bare et av de mer brukte stilarkspråkene du kanskje vil bli bedre kjent med. Du har muligens allerede jobbet med det mens du kjører revisjoner med utviklere, lager små, stilistiske tilpasninger til innebygde design, eller bygger dine egne interaktive prototyper utenfor InVision Studio.
for å gjøre disse oppgavene (og mer) enklere, hjelper det å ha en flott CSS-editor i verktøykassen din. Enten du er i markedet for en ny (eller vil ha hjelp til å velge din første), har vi satt sammen en liste 10 av de beste på markedet.
… men før vi dykker inn i dem, la oss komme på samme side:
Hva ER CSS?
BARE en rask oppfriskning: CSS står for » Cascading Style Sheets.»Det er et stilarkspråk som hjelper deg med å kontrollere utseendet på flere sider (som bakgrunnsfargen eller grafikken) på et nettsted samtidig med bare en enkelt fil. I stedet for å måtte gå inn I HVER enkelt side HTML-kode og manuelt gjøre endringer,.css-filer kan gjøre store endringer på tvers av alle sider på et nettsted.
hvorfor trenger designere CSS redaktører?
Vi berørte det ovenfor, men designere trenger CSS redaktører for å enkelt få tilgang til og gjøre endringer i EN .css-fil når du samarbeider med ingeniører eller utviklere, eller bygge ut sine egne design. Ikke bare har EN CSS editor lar deg gjøre disse endringene, men de presenterer koden på en enkel måte som minimerer sjansen for å innføre feil i filen.
Ok—nå tilbake til alternativene FOR CSS redaktører:
10 store CSS redaktører for deg å bruke
Mest populære: Sublime Text
Kilde: Sublime Text
Pris: Gratis å «laste ned og evaluere», men det er ingen offisiell grense for at evalueringsperioden varer. En kommersiell lisens for fortsatt bruk er $ 80.
Operativsystemer:
- Mac OS X (10.7 eller nyere kreves)
- Windows
- Windows 64 bit
- Linux repository
Sublime Text er en responsiv OG rask CSS editor som er en av de mest populære PÅ markedet. Den har fargekodede språkelementer for enkelt og visuelt å holde ting på sporet, og en kodeautofullføringsfunksjon for å øke hastigheten langs nettsidetilpasning.
Flott for samarbeid: Atom
Kilde: Atom
Pris:Gratis
Operativsystemer:
- Mac OS X (10.9 eller nyere)
- Windows (7 eller nyere)
- Linux (RedHat eller Ubuntu)
Atom Er en lett-å-bruke, åpen KILDEKODE CSS editor som gir mulighet for real-time samarbeid med andre på koden din (aka noen utviklere som trenger å legge til sine egne tilpasninger.)
plattformen kommer også med noen intuitive funksjoner, som:
- automatisk fullføring for å hjelpe deg med å skrive koden raskere
- en filsystemleser, slik at du kan åpne ett eller flere prosjekter i ett enkelt vindu
- muligheten til å installere flere «pakker» som fungerer som praktiske utvidelser Til Atom-noe som gir deg enda flere funksjoner å jobbe med
også flott for samarbeid: Braketter
Kilde: Braketter
Pris:Gratis
Operativsystemer:
- Mac OS (Mojave eller nyere)
- Windows (7 eller nyere)
- Linux (Ubuntu eller Mint)
Brackets er også en ÅPEN KILDEKODE CSS editor som kommer med en rekke funksjoner, som et live preview-alternativ som kobler til nettleseren din, slik at du kan se endringer som er gjort direkte på nettstedet ditt. Den har også en rekke tilgjengelige utvidelser som tillater ytterligere tilpasning.
Flott For Mac-brukere: Espresso
Kilde: Espresso
Prisen: $79 (leveres med gratis prøveversjon)
Operativsystemer: Mac OS (x eller nyere)
Espresso er EN CSS editor utelukkende laget for Mac OS. Som Braketter kommer den med et praktisk live preview-verktøy som lar deg se endringene du gjør på nettstedet ditt i sanntid. Webdesignere kan også jobbe raskt med funksjoner som finn og erstatt, og et flott multi-redigeringsverktøy som lar deg gjøre masseredigeringer på en gang.
Flott redaktør FOR HTML, CSS og en håndfull andre språk: Notisblokk++
Kilde: Notisblokk++
Pris:Gratis
Operativsystemer: Windows (X eller nyere)
Notepad++ er en AV DE mest populære CSS-redaktørene som er tilgjengelige for nedlasting—og med god grunn. Plattformen er full av funksjoner, inkludert automatisk fullføring, finn og erstatt og multiview, slik at du kan se på forskjellige prosjekter samtidig. Notepad++ støtter også mer enn 20 språk, inkludert CSS, slik at du virkelig kan komme inn i ugresset med designene dine. FRA og MED 2019 ER CSS-editoren bare tilgjengelig For Windows.
Flott For de som liker å holde det enkelt: Komodo Rediger
Kilde: Aktivestate
Pris: Gratis For Komodo Edit, men deres mer robuste plattform Komodo IDE starter på $295 for en enkelt lisens.
Operativsystemer:
- Windows
- Mac OS (x eller nyere)
- Linux
Komodo Edit Er et minimalt, men kraftig CSS-redigeringsverktøy. Det som mangler i funksjoner som live preview eller real-time collaboration, gjør det opp med sine verktøy som «Gå Til Noe», som lar deg gjøre ting som å søke etter hvilken som helst fil du trenger eller åpne forskjellige menyer.
Flott for nybegynnere: Stylizer
Kilde: Skybound
Pris: det er en gratis prøveversjon og en $ 79 engangs lisensiering kjøp gir deg en produktnøkkel som fungerer På Windows eller Mac, og også en 30-dagers pengene-tilbake-garanti bare i tilfelle du ønsker å sikkerhetskopiere.
Operativsystemer:
- Mac OS
- Windows
Stylizer Er en WYSIWYG CSS editor som live forhåndsvisning modus skiller den fra ANDRE CSS redaktører på markedet. Ved hjelp av forhåndsvisning i sanntid kan du se alle endringene i nettleseren når du gjør dem. Det gir deg også en» Advarsler » liste over eventuelle feil det tror du kan ha gjort mens koding. Det er perfekt for enhver nybegynner CSS redaktører der ute.
Flott For de som leter etter en robust GRATIS CSS editor: Visual Studio Code Av Microsoft
Pris: Gratis
Operativsystemer:
- Mac OS (x eller nyere)
- Windows (7 eller nyere)
- Linux (Debian, Ubuntu, Red Hat, Fedora eller SUSE)
Visual Studio Code (VSX) Er Microsofts skreddersydde CSS editor og kommer med alle de robuste funksjonene du forventer av dem. Dette er en veldig rask CSS editor, med funksjoner som IntelliSense som «går utover syntaksutheving og autofullfør» ved å fylle ut koden din basert på » variable typer, funksjonsdefinisjoner og importerte moduler.»VSX lar deg også feilsøke koden din rett fra redaktøren.
Flott for de som liker ting raskt og enkelt: Bluefish
Kilde: Bluefish
Pris:Gratis
Operativsystemer:
- Mac OS (X eller nyere)
- Windows (XP eller nyere)
- Linux (Ubuntu, Debian og Fedora)
Bluefish er en enkel CSS editor fra skaperne av arbeidsplassen produktivitetsprogramvare OpenOffice. Det er ganske grunnleggende når det gjelder grafikk og grensesnitt, men det er også det som gjør det fint og raskt. Du vil ikke overbelastes ned av en haug med funksjoner du ikke trenger, så det er praktisk talt null fett på denne programvaren.
Flott for de som ønsker en robust editor-og ikke tankene å betale for Det: Rapid CSS
Kilde: Rapid CSS
Pris: Starter på $39.95 (med gratis prøveversjon) for en personlig, ikke-kommersiell lisens; $49,95 for profesjonell bruk.
Operativsystemer: Windows (7 eller nyere)
Rapid CSS Er en robust, multi-kode editor som kommer fullpakket med funksjoner som syntax highlighting, live preview, en avansert finn-og-erstatt verktøy, og til og med en «kodebit bibliotek» for maler.
Lastet NED EN CSS editor, men fortsatt trenger noen flere tips om å holde alt fint og ryddig? Her, hvordan du unngår kaos i stilarkene dine.