11 najlepších redaktorov CSS - recenzované

1. Stylizátor

kompatibilita: windowsVýznamná funkcia: Kód mriežka, veľkosť grip, bullseye, dvakrát kliknite na farbenie

Stylizer je absolútne unikátny editor CSS, ktorý sa zameriava na úprava CSS v reálnom čase. Môžete jednoducho zadať webovú adresu do zabudovaného prehliadača, ktorý podporuje definíciu štýlu Firefoxu 3.5 a IE7 a bude mať všetky súvisiace pravidlá CSS načítané, aby ste mohli editovať pomocou známeho rozhrania point-and-click.

Editor je dodávaný s Kódová mriežka funkciu, ktorá zjednodušuje úpravu vášho CSS, pretože výsledok môžete okamžite zobraziť po zmene hodnoty. Tiež s jeho diagnostikou Býčie oko môžete zobraziť súvisiace prvky v určitej časti stránky a upraviť ju bodmi a kliknutiami. Ďalšie funkcie, ako je Rozmerové kryty umožňuje vizuálne nastaviť pozíciu prvku CSS a pomocou Dvakrát kliknite na položku Farbenie funkcia vám bola pridelená aplikácia na výber farieb v programe Photoshop, aby ste si zvolili ľubovoľnú farbu, napríklad písmo vašej lokality. Oh, spomenul som, že všetky tieto úpravy sa vykonávajú v reálnom čase, okamžite viditeľný výsledok?

s Stylizer je nemožné urobiť chybu v systéme CSS, pretože by vás obmedzila na vloženie akejkoľvek hodnoty, ktorá nie je kompatibilná s príslušným vlastníctvom CSS. Avšak softvér by niekedy nedokázal načítať určitý súbor CSS kvôli svojej nevysvetliteľnej kritickej chybe.

Stylizer je dodávaný s verziou Basic a Ultimate. Zatiaľ čo verzia Basic je úplne zadarmo, verzia Ultimate je k dispozícii 14 dní po inštalácii, potom vám ponúka 85 dolárov, aby ste mohli pokračovať v používaní pokročilých funkcií, ako je Bullseye.

2. TopStyle

kompatibilita: windowsVýznamná funkcia: Style inšpektor, štýl Sweeper, CSS Tidy

Editor TopStyle CSS vás nadchne svojou prvou konfiguráciou, keď si môžete vybrať definíciu štýlu, ktorá zobrazuje iba vlastnosti a hodnoty podporované programom Firefox, Internet Explorer, Safari alebo dokonca iPhone OS 2.0, čo je prakticky užitočné pre platformu webový dizajnér.

Medzi všetkými funkciami, ktoré som našiel Inšpektor štýlu je obzvlášť užitočná, pretože funguje ako panel, ktorý vám umožní zahrnúť akékoľvek vlastnosti CSS s jednoduchým rozhraním point-and-click. Po skončení výberu všetkých požadovaných vlastností CSS by sa zdrojový kód automaticky vygeneroval, aby ste ušetrili čas z opakovaného a únavného kódovania.

Medzi sebou navzájom dobré veci TopStyle zobrazuje kompatibilitu prehliadača pod jeho inšpektorom štýlu, ktorý vidíte, či je vlastnosť CSS plne podporovaná určitou verziou webového prehliadača, ako je Internet Explorer 7, alebo je to strašne chybné.

Editor prichádza ako skúšobná verzia s obmedzenou funkciou a môžete uvoľniť svoj plný potenciál o 79,95 dolárov.

3. Štýl Master

kompatibilita: Windows, Mac OS XVýznamná funkcia: Šablóna šablóny šablón

Vyhlásený ako majster, Style Master sa celkom dobre snažil vytvoriť prostredie pre úpravu CSS pre akúkoľvek úroveň odbornosti. Softvér poskytuje nielen editor WYSIWYG, ktorý uľahčuje workflow pre začiatočníka CSS, ale poskytuje vám aj prístup k veľmi podrobným informáciám o každom vlastníctve CSS, ktoré vám môže poradiť odborník. Môžete prechádzať a vyberať vlastnosti CSS podľa kategórie alebo podľa abecedy.

Snáď najviac unikátny bod je editor sám obsahuje takmer 20 užitočných štýlov šablóny pre vás začať s, a nie je prekvapujúce, že majster štýl má veľmi čisté, prehľadné a profesionálne pravidlá CSS definované v jeho vstavaný šablóny.

Môžete si vychutnať plnohodnotný softvér po dobu 30 dní a zaplatiť buď 59,99 dolárov alebo 29,99 dolárov pre vzdelávacie licencie, aby si opäť otvoril celý svoj potenciál.

4. Xyle Scope

kompatibilita: gumákVýznamná funkcia: Režim výberu, Inteligentná skupina, Integrácia editora textu

Xyle Scope je a musí mať voľný editor CSS pre počítače Mac, pretože je to naozaj profesionálny editor CSS, ktorý vám umožňuje surfovať na webových stránkach a vyladiť jeho CSS priamo v editore.

Prehliadač Xyle prichádza s bežným režimom prehliadača a režimom výberu, ktorý funguje veľmi podobne ako doplnok pre Firefox, Firebug, ktorý poskytuje zobrazenie a úpravu zdroja CSS, okrem toho, že editor umožňuje uložiť upravené hodnoty CSS v pôvodnom umiestnení.

Pomocou tlačidla "Smart Group', môžete vyfiltrovať všetky pravidlá ovplyvňujúce spôsob, akým sa zobrazujú odkazy alebo osoby zodpovedné za rozloženie, môžete dokonca zúžiť výsledok s jeho vstavanou funkciou vyhľadávania, bez ďalšieho testovacieho a chybového postupu!

Xyle Scope tiež ponúkajú integráciu s externými textovými editormi, ako je BBEdit pre pohodlnejšie a energeticky úspornejšie práce s kódovaním, stačí vykonať zmenu a textový editor alebo Xyle Scope by automaticky aktualizovali všetky zmeny.

5. Rýchle CSS

kompatibilita: windowsVýznamná funkcia: Zvýrazňovač syntaxe, dokončenie kódu, formátovanie CSS

Rýchle CSS je cesta pre pohodlnejšie, pohodlnejšie a zložité úpravy CSS. Má vlastný plne prispôsobiteľný textový editor s užitočnými funkciami, ako je zvýraznenie syntaxe, dokončenie kódu a vstavaný odkaz CSS pre bezbolestný kódovací zážitok.

Starostlivosť o čistotu vášho CSS, môžete formátovať svoj štýl šablóny CSS, ako ich usporiadať podľa typu CSS alebo vytvárať skrátené vlastnosti, aby stezový štýl vyzeral pohodlnejšie a sladšie. Vstavaný kódový validátor tiež zabezpečuje, že váš štýl nie je čistý, ale je platný.

Editor je dodávaný s 30-dňovým hodnotiacim obdobím s 30 využitím. Môžete ísť na plnú verziu o 29,85 dolárov.

6. Štýlové štúdio

kompatibilita: windowsVýznamná funkcia: Sprievodca CSS, IntelliStyle

Hlavná krása štýlu Studio spočíva v jeho funkcii CSS Wizard, ktorá vám poskytne okamžitý efekt CSS s niekoľkými bodmi a kliknutiami.

Môžete si napríklad vybrať sprievodcu písiem, potom zvoliť rodinu fontov a nastaviť veľkosť písma, potom štýl písma, váhu, variantu ... a boom! Pravidlá sa vkladajú do štýlu šablón ako úplne validovaný kód CSS.

Funkcia sprievodcu tiež obsahuje farbu, okraj, text, polohovanie, klasifikáciu a nakoniec filtračné pravidlá, skoro všetko, čo si myslíte o CSS. Títo čarodejníci sú celkom užitoční, pretože nemusíte písať opakovane, aby ste dosiahli určitý komplikovaný efekt CSS. Ďalšou ušľachtilou funkciou je IntelliStyle, ktorá funguje ako dokončenie kódu, aby ste si vybrali určité vlastnosti CSS pre svoj účel.

Nevýhodou tohto editora by bola zastaraná podpora pre definíciu štýlu prehliadača, pretože podporuje len IE6 a no Firefox.

Získate 30 dní na používanie softvéru a 49,99 dolárov na nákup.

7. CSSEdit

kompatibilita: gumákVýznamná funkcia: X-ray inšpektor, Visual Editor, Selector Builder

Navrhnite krásne, inovatívne a rýchlo načítané webové stránky s krásnou, inovatívnou a rýchlou aplikáciou, ktorá je CSSEdit by MacRabbit. Z funkcií ako Selector Builder až do inteligentného zdrojového prostredia je CSSEdit navrhnutý pre akúkoľvek úroveň odbornosti.

S takto vylešteným editorom sa očakáva, že v reálnom čase sa objavia zmeny v šablóne štýlov CSS bez únavnej akcie na obnovenie a načítanie. Röntgenový inšpektor je tiež vytvorený ako funkcia na diagnostiku kódu CSS z určitej časti stránky.

Inovatívna časť CSSEdit je pravdepodobne jeho Selector Builder ktorý vám umožňuje popísať váš štýl CSS s obyčajným anglickým jazykom, nie príliš zaujímavý pre odborníka, ale užitočný pre absolútneho začiatočníka.

Demo verzia vás obmedzuje na uloženie súboru s menej ako 2500 znakmi, zatiaľ čo môžete zaplatiť 39,95 dolárov na odstránenie všetkých obmedzení.

8. Editor jazyka EngInSite CSS

kompatibilita: windowsVýznamná funkcia: Merací nástroj v režime ukážky

Ak ste vážnym návrhárom, ktorý sa stará o správne špecifikácie CSS, správne umiestnenie CSS alebo váš štýl šablóny CSS musí byť plne overený, potom môže byť editorom EngInSite CSS váš obľúbený editor.

V tomto editore môžete pomocou vstavaného inšpektora pridať triedič, id a prvok voliča a tiež môžete konvertovať farbu buď na hodnotu Hex alebo RGB, čo je veľmi zriedkavosť pre editor CSS. Svoj výsledok môžete sledovať v paneli s náhľadom pomocou nástrojov na meranie, aby ste sa uistili, že každý dizajnový prvok je na správnej pozícii.

Editor tiež prišiel s dokončením kódu, ale je to trochu buggy, tak by som povedal, že je to polotovar. V opačnom prípade celý editor je príjemný na použitie, s výnimkou samotnej skutočnosti, že editor je dosť zastaralý z hľadiska podpory prehliadania štýlu prehliadača, pretože podporuje iba definíciu štýlu IE6.

9. Stylesheet Maker

kompatibilita: windowsVýznamná funkcia: Značky CSS

Stylesheet Maker je ďalší štandardný editor CSS, ktorý ponúka čistý kódovací povrch s panelom prieskumníkov súborov a niekoľko užitočných nástrojov CSS, ktoré pomáhajú nastaviť font, farbu, okraj, okraj atď..

V porovnaní s viacerými redaktormi CSS Rapid CSS alebo Style Studio, Maker má menej funkcií, ale veľmi čisté rozhranie, a to je dobré pre niektorých začiatočníkov, ktorí nechcú, aby sa veci zložité, alebo CSS ninja, ktorý chce všetko minimálne a pohodlné.

Hoci je tento editor navrhnutý pre prostredného používateľa, jeho funkcia CSS Tags vám pomôže jednoducho vytvoriť pravidlo CSS s tagmi podľa kliknutí.

Stojí to 34 dolárov za vlastnenie tohto editora, alebo ho môžete kúpiť s iným softvérom CoffeeCup ako nákup balíka.

10. Arduo CSS

kompatibilita: windowsVýznamná funkcia: Uzol, CSSTidy

Arduo CSS je nový editor CSS, ktorého cieľom je uspokojiť svoje intuitivne a ľahko použiteľné rozhranie. S jeho čistým rozhraním a zvýraznením syntaxe je zaručené, že vytvoríte a upravíte súbor CSS bez príliš veľkých problémov a prerušení. Tiež môžete použiť funkciu 'Uzol' na definovanie pravidiel CSS podľa bodov a kliknutí.

Pre tých, ktorí cítia, že vaša šablóna štýlov je príliš ťažká, nástroj CSSTidy z editora vám môže pomôcť optimalizovať štýl šablóny a vymazať všetky nepotrebné kódy.

Editor je voľne dostupný na oficiálnej stránke.

11. Jednoduché CSS

kompatibilita: Windows, Mac OS XVýznamná funkcia: Import súborov CSS, rozhranie point-and-click, doplnková databáza fontov

Rovnako ako jeho meno, Simple CSS má všetko, čo návrhár potrebuje pre jednoduchú úpravu CSS. Môžete importovať súbor CSS do editora a upraviť ho s niekoľkými kliknutiami, pozrieť si výsledok na jeho náhľadovom paneli a odstrániť zdrojový kód hneď.

Hoci môžete do editora importovať takmer každý súbor CSS, môžete len jedno kliknutie zobraziť 1 pravidlo CSS a niekedy by mohol spôsobiť chybu v dôsledku jeho obmedzenia, napríklad žiadna podpora @rules. Aj samotný editor nie je tak flexibilný, ako vy vyberiete len "Auto" alebo "Inherit" pre vlastnosť z-indexu, ale nie priamo dať nehnuteľnosti hodnotu.

Napriek tomu je zadarmo a docela šikovný pre návrhárov, ktorí potrebujú rýchlu opravu.

Bonus: Ďalšie editory a nástroje

Zatiaľ čo nie sú presne CSS editormi, tieto nástroje sú niečím, čo by ste mohli chcieť mať, pokiaľ ide o úpravu CSS.

Firebug

Najpopulárnejší a najvýkonnejší nástroj na vývoj webových aplikácií, ktorý kontroluje HTML, upravuje štýl CSS a zobrazuje zmeny v reálnom čase a je k dispozícii ako doplnok pre webový prehliadač Firefox.

Použitie CSS

Rozšírenie Firebug, ktoré vám umožňuje skenovať viac stránok vášho webu a zistiť, ktoré pravidlá CSS sa na vašom webe skutočne používajú.

Web Developer

Rozšírenie pre Firefox, aby ste mohli robiť veľa skvelých vecí, ako je zobrazenie zdrojov CSS alebo zakázať niektoré štýly CSS pre návrh alebo vývoj.

notepad++

Editor voľného zdrojového kódu a náhrada programu Poznámkový blok, ktorý podporuje niekoľko jazykov vrátane CSS. Obsahuje funkcie ako dokončenie funkcií, ktoré pomáhajú budovať váš dizajn CSS.

Coda

Pokročilý textový editor so zabudovaným editorom CSS, ktorý poskytuje dva režimy úpravy CSS pre flexibilnejšiu dizajnovú skúsenosť, schopný okamžite vidieť výsledok po vykonaní zmien.

NetBeans IDE

Open-source a profesionálne integrované vývojové prostredie s najkomplexnejšou referenciou CSS vo funkcii dokončovania kódu.

Aptana Studio

Kompletné prostredie vývoja webu, ktoré kombinuje výkonné nástroje na tvorbu obsahu pre HTML, CSS a JavaScript, v súčasnosti podporuje až HTML5 a CSS3.

webstore

JetBrain je IDE, ktorý implementuje relevantné automatické dokončenie pre všetko, vrátane CSS, môžete tiež dostať upozornenie na problémy CSS za behu.