i Když psaní nebo práci s kód nemusí být vaše primární práce jako UX designer (nebo ve vašem popisu práce vůbec) je to dovednost, která bude trvat vaše práce daleko. Mít základní znalosti z jazyků vývojáři a inženýři používat bude nejen vám lepší pohled na to, jak vaše návrhy přijít k životu, a pomůže vám komunikovat napříč týmy, ale bude to také umožní, aby se stala nimbler ve své pracovní procesy. (Spravedlivé varování: Vaši vývojáři přátelé mohou chybět vaše občasné kalhoty žádá o drobné změny.)
i Když existuje mnoho jazyků používaných v budování internetové stránky, CSS je jen jedním z více běžně používaných stylů, jazyky, možná budete chtít, aby se lépe seznámili. Možná jste s ním již pracovali při provádění auditů s vývojáři, vytváření malých stylistických vylepšení vestavěných návrhů nebo vytváření vlastních interaktivních prototypů mimo Invision Studio.
Chcete-li tyto úkoly (a další) jednodušší, pomáhá mít skvělý CSS editor v panelu nástrojů. Ať už jste na trhu s novým (nebo chcete pomoci s výběrem prvního), sestavili jsme seznam 10 nejlepších na trhu.
… ale než se do nich ponoříme, pojďme na stejnou stránku:
co je CSS?
jen rychlý opakovač: CSS je zkratka pro “ kaskádové styly.“Je to jazyk stylů, který vám pomůže ovládat vzhled několika stránek (jako je barva pozadí nebo grafika) na webu najednou pomocí jediného souboru. Místo toho, abyste museli jít do HTML kódu každé jednotlivé stránky a ručně provádět změny, .soubory css mohou provádět rozsáhlé změny na všech stránkách webu.
proč návrháři potřebují editory CSS?
Dotkli jsme se na to výše, ale návrháři potřebují CSS editory pro snadný přístup a provádět jakékoli změny .css soubor při spolupráci s inženýry nebo vývojáři, nebo budování své vlastní návrhy. Nejenže vám editor CSS umožňuje provádět tyto změny, ale prezentují kód jednoduchým způsobem, který minimalizuje šanci na zavedení chyb do souboru.
dobře-nyní zpět k vašim možnostem pro editory CSS:
10 skvělých CSS editory, které můžete použít
nejoblíbenější: Sublime Text
Zdroj: Sublime Text
Cena: Zdarma „stáhnout a vyhodnotit,“ ale není tam žádný oficiální limit na to, že hodnocení období trvá. Komerční licence pro další použití je $ 80 .
operační systémy:
- Mac OS X (10.7 nebo novější je vyžadován)
- Windows
- Windows 64 bit
- Linux repository
Sublime Text je citlivý a rychle CSS editor, který je jedním z nejvíce populární na trhu. Je vybaven barevně odlišenými jazykovými prvky, které snadno a vizuálně udržují věci na správné cestě, a funkci automatického doplňování kódu pro urychlení přizpůsobení webových stránek.
Skvělé pro spolupráci: Atom
Zdroj: Atom
Cena: Zdarma
Operační systémy:
- Mac OS X (10.9 nebo novější)
- Windows (7 nebo novější)
- Linux (RedHat nebo Ubuntu)
Atom je snadný-k-použití, open-source CSS editor, který umožňuje spolupráci v reálném čase s ostatními na svůj kód (.k.a. všechny vývojáře, že je potřeba přidat své vlastní vychytávky.)
platforma také přichází s několika intuitivními funkcemi, jako je:
- Automatické dokončování, které vám pomohou napsat kód rychleji
- souborový systém prohlížeč, takže si můžete otevřít jeden nebo více projekty v jednom okně
- možnost nainstalovat několik „balíčků“, který působí jako šikovný rozšíření Atom—dává vám ještě více funkcí pro práci s
Také skvělé pro spolupráci: Držáky
Zdroj: Držáky
Cena: Zdarma
Operační systémy:
- Mac OS (Mojave nebo novější)
- Windows (7 nebo novější)
- Linux (Ubuntu nebo Mint)
Držáky je také open-source CSS editor, který je dodáván s řadou funkcí, jako je živý náhled možnost, že odkazy ve vašem prohlížeči, takže můžete vidět změny provedené přímo na vašich webových stránkách. Má také řadu dostupných rozšíření, která umožňují ještě další přizpůsobení.
Skvělé pro uživatele počítačů Mac: Espresso
Zdroj: Espresso
Cena: $79 (přichází s bezplatnou zkušební verzi)
Operační systémy: Mac OS X (nebo novější)
Espresso je CSS editor vyrobeny výhradně pro Mac OS. Stejně jako závorky přichází s praktickým nástrojem živého náhledu, který vám umožní vidět změny provedené na vašem webu v reálném čase. Návrháři webových stránek mohou také rychle pracovat s funkcemi, jako je najít a nahradit, a skvělý nástroj pro více úprav, který vám umožní provádět hromadné úpravy najednou.
Skvělý editor pro HTML, CSS, a několik dalších jazyků: Poznámkový blok++
Zdroj: Poznámkový blok++
Cena: Zdarma
Operační systémy: Windows (X nebo novější)
Notepad++ je jeden z nejoblíbenějších CSS editory k dispozici ke stažení—a to z dobrého důvodu. Platforma je plná funkcí, včetně automatického dokončování, hledání a nahrazování a multiview, takže se můžete podívat na různé projekty najednou. Notepad++ také podporuje více než 20 jazyků včetně CSS, takže se můžete opravdu dostat do plevelů se svými návrhy. Od roku 2019 je editor CSS k dispozici pouze pro Windows.
skvělé pro ty, kteří chtěli, aby to jednoduché: Komodo Edit
Zdroj: ActiveState
Cena: Zdarma pro Komodo Edit, ale jejich robustnější platforma Komodo IDE začíná na 295 dolarů za jednu licenci.
Operační systémy:
- Windows
- Mac OS X (nebo novější)
- Linux
Komodo Edit je minimální, ale výkonný CSS editor nástroj. To, co mu chybí ve funkcích, jako je živý náhled nebo spolupráce v reálném čase, vynahrazuje svými nástroji, jako je „jít na cokoli“, což vám umožňuje dělat věci, jako je hledání libovolného souboru, který potřebujete, nebo otevření různých nabídek.
Skvělé pro začátečníky: Stylizer
Zdroj: Skybound
Cena: k Dispozici je zkušební verze zdarma a$79 jednorázový nákup licencí vám dává product key, který funguje na Windows nebo Mac, a také 30-denní peníze-zpátky zaručit jen v případě, že chcete zpátky.
operační systémy:
- Mac OS
- Windows
Stylizer je CSS WYSIWYG editor, jehož režimu živého náhledu ji odlišuje od ostatních CSS editory na trhu. Pomocí náhledu v reálném čase můžete vidět všechny změny v prohlížeči, jak je provedete. Také vám poskytuje seznam „varování“ o všech chybách, o kterých si myslí, že jste se mohli při kódování dopustit. To je ideální pro všechny nováčky CSS editory venku.
Skvělé pro ty, kteří hledají robustní free CSS editor: Visual Studio Kódu Microsoft
Cena: Zdarma
Operační systémy:
- Mac OS X (nebo novější)
- Windows (7 nebo novější)
- Linux (Debian, Ubuntu, Red Hat, Fedora nebo SUSE)
Visual Studio Kód (VSX) je Microsoft míru CSS editor a přichází s všechny robustní funkce, které byste očekávali od nich. Jedná se o velmi rychlý editor CSS s funkcemi, jako je IntelliSense, který“ přesahuje zvýraznění syntaxe a automatické dokončení „vyplněním kódu na základě“ typů proměnných, definic funkcí a importovaných modulů.“VSX také umožňuje ladit kód přímo z editoru.
Skvělé pro ty, kteří rádi věci rychlé a jednoduché: Bluefish
Zdroj: Bluefish
Cena: Zdarma
Operační systémy:
- Mac OS X (nebo novější)
- Windows (XP nebo novější)
- Linux (Ubuntu, Debian, Fedora)
Bluefish je jednoduchý CSS editor od tvůrců produktivitu na pracovišti software OpenOffice. Je to docela základní, pokud jde o vizuální a rozhraní, ale to je také to, co dělá to pěkné a rychlé. Nebudete zapadnout spoustou funkcí, které nepotřebujete, protože v tomto softwaru je prakticky nulový tuk.
Skvělé pro ty, kteří chtějí robustní editor—a nevadí platit za to: Rapid CSS
Zdroj: Rapid CSS
Cena: Začíná na $39.95 (s bezplatnou zkušební verzi) pro osobní, non-komerční licence; $49,95 pro profesionální použití.
operační systémy: Windows (7 nebo novější)
Rapid CSS je robustní, multi-editor kódu, který je dodáván nabitý funkcemi, jako je zvýraznění syntaxe, živý náhled, pokročilé najít a nahradit nástroj, a dokonce i „fragment kódu knihovny“ pro vaše šablony.
stáhli jste editor CSS, ale stále potřebujete několik dalších tipů, jak udržet vše pěkné a řádné? Zde, jak se vyhnout chaosu ve vašich stylových listech.