11 najboljih CSS urednika - pregledano

1. Stilizator

Kompatibilnost: WindowsZnačajna značajka: Kod Grid, Veličina Grips, Bullseye, dvoklikom bojanje

Stylizer je apsolutno jedinstven CSS editor koji se fokusira na CSS uređivanje u stvarnom vremenu. Možete samo unijeti web-adresu u svoj ugrađeni preglednik koji podržava definiciju stila za Firefox 3.5 i IE7, a učitat će se sva povezana pravila CSS-a za uređivanje pomoću poznatog sučelja za point-and-click.

Urednik dolazi s a Mrežni kod značajka koja čini vaš CSS uređivanje praktičnijim jer možete vidjeti rezultat odmah nakon što ste promijenili vrijednost. Također sa svojom dijagnostikom Bullseye značajku, možete pogledati povezane elemente na određenom dijelu web-lokacije i urediti je pomoću točaka i klikova. Ostale značajke kao što su Veličina hvataljke omogućuje vizualno podešavanje položaja CSS elementa i Dva klika bojanje značajka koju ste odabrali za odabir boja u obliku Photoshopa kako biste odabrali bilo koju boju za, recimo, font vaše web-lokacije. Oh, jesam li spomenuo da su sve te izmjene u realnom vremenu, odmah vidljivi rezultat?

S oblikovanje to je jednostavno nemoguće napraviti CSS grešku jer bi vas ograničila na postavljanje bilo koje vrijednosti koja nije kompatibilna s odgovarajućim CSS-ovim svojstvom. Međutim, softver ponekad nije uspio učitati određenu CSS datoteku zbog svoje neobjašnjive kritične pogreške.

oblikovanje dolazi s osnovnom i Ultimate verzijom. Iako je Basic verzija potpuno besplatna, verzija Ultimate dostupna vam je 14 dana nakon instalacije, a zatim nudi 85 USD za nastavak korištenja naprednih značajki kao što je Bullseye.

2. TopStyle

Kompatibilnost: WindowsZnačajna značajka: Stilski inspektor, stilski čistač, CSS uredan

TopStyle CSS editor počinje vas zadiviti svojom prvom konfiguracijom, kada možete odabrati definiciju stila koja prikazuje samo svojstva i vrijednosti koje podržavaju Firefox, Internet Explorer, Safari ili čak i iPhone OS 2.0, što je praktično korisno za cross-platformu web dizajner.

Među svim značajkama koje sam pronašao Inspektor stila je osobito korisno jer funkcionira kao ploča koja omogućuje uključivanje bilo kojeg CSS-a s jednostavnim sučeljem s točkom i klikom. Kada završite s odabirom svih željenih svojstava CSS-a, izvorni kôd automatski će biti generiran kako biste uštedjeli vrijeme od ponavljanja i zamaranja.

Još jedna dobra stvar TopStyle je da prikazuje kompatibilnost preglednika ispod svog inspektora stila, koju možete vidjeti ili CSS svojstvo je u potpunosti podržano od određene verzije web preglednika kao što je Internet Explorer 7, ili je užasno lud.

Urednik dolazi kao probna inačica s ograničenom značajkom, a njen puni potencijal možete otključati za 79,95 USD.

3. Stil majstora

Kompatibilnost: Windows, Mac OS XZnačajna značajka: Predložak za stilove

Navodi se da je majstor, Style Master je prilično dobro stvorio okruženje za uređivanje CSS-a za bilo koju razinu stručnosti. Softver ne samo da pruža WYSIWYG editor koji zaglađuje tijek rada za CSS početnike, već vam također omogućuje pristup vrlo detaljnim informacijama o svakom CSS-ovom svojstvu za stručnjake. Možete pretraživati ​​i odabrati CSS svojstva bilo kategorije ili abecednog reda.

Možda je najupečatljivija točka u samom uređivaču koji sadrži gotovo 20 korisnih predložaka stilova za početak, a ne iznenađuje da stilski majstor ima vrlo čista, dobro uređena i profesionalna CSS pravila definirana u ugrađenom predlošku..

Možete uživati ​​u potpuno opremljenom softveru 30 dana i platiti 59,99 USD ili 29,99 USD za licencu za obrazovanje kako biste ponovno otvorili svoj puni potencijal..

4. Xyle Scope

Kompatibilnost: ortakZnačajna značajka: Način odabira, pametna grupa, integracija uređivača teksta

Xyle Scope je a mora imati besplatan CSS editor za Mac, jer to je doista profesionalni CSS editor koji vam omogućuje surfanje web stranicom dok fino podešava svoj CSS izravno u uređivaču.

Xyleov preglednik dolazi s uobičajenim načinom preglednika i načinom odabira koji djeluje vrlo slično kao dodatak za Firefox, Firebug koji omogućuje pregled i uređivanje CSS izvora, osim što vam uređivač omogućuje spremanje izmijenjenih CSS vrijednosti na izvornom mjestu.

Koristiti 'Smart Group", možete filtrirati sva pravila koja utječu na način prikazivanja veza ili odgovorne za izgled, a čak možete suziti rezultat pomoću ugrađene funkcije pretraživanja, nema više metode pokušaja i pogreške!

Xyle Scope također nude integraciju s vanjskim uređivačima teksta kao što je BBEdit za praktičniji i štedljiviji rad kodiranja, samo napravite promjenu i uređivač teksta ili Xyle Scope automatski će ažurirati sve promjene.

5. Rapid CSS

Kompatibilnost: WindowsZnačajna značajka: Sintaksa isticanja, dovršavanje koda, CSS oblikovanje

Rapid CSS je put za udobnije, praktičnije i složenije CSS uređivanje. Posjeduje vlastiti potpuno prilagodljiv uređivač teksta s korisnim značajkama kao što je označavanje sintakse, dovršavanje koda i ugrađeni CSS referenca za bezbolno iskustvo kodiranja.

Brinući se o čistoći vašeg CSS-a, možete oblikovati CSS stilove, kao što je prerasporediti ih CSS tipom ili stvoriti skraćena svojstva kako bi stilski izgled izgledao udobnije i slatko. Ugrađeni validator koda također osigurava da vaš stil nije samo čist, već i valjan.

Urednik dolazi s 30 dana procjene razdoblje s 30 koristi, možete ići za punu verziju po 29,85 dolara.

6. Style Studio

Kompatibilnost: WindowsZnačajna značajka: Čarobnjak za CSS, IntelliStyle

Glavna ljepota Style Studio-a leži u njegovoj značajki CSS čarobnjaka, koja vam pruža trenutni CSS efekt s nekoliko točaka i klikova.

Na primjer, možete odabrati čarobnjaka za fontove, zatim odabrati obitelj fontova i postaviti veličinu fonta za nju, zatim stil fonta, težinu, varijantu… i bum! Pravila su umetnuta u stilsku tablicu kao potpuno validirani CSS kod.

Značajka čarobnjaka također uključuje boju, obrub, tekst, pozicioniranje, klasifikaciju i na kraju filtriranje pravila, samo gotovo sve što možete zamisliti o CSS-u. Ovi čarobnjaci su prilično korisni jer ne morate tipkati više puta kako biste postigli određeni komplicirani CSS efekt. Još jedna plemenita značajka je IntelliStyle, koja funkcionira kao završetak koda da biste odabrali određena svojstva CSS-a za svoju svrhu dizajna.

Loša strana ovog uređivača bila bi zastarjela podrška za definiranje stila preglednika, budući da podržava samo IE6 i, dobro, bez Firefoxa.

Dobili ste 30 dana za uživanje u softveru i 49,99 USD za kupnju.

7. CSSEdit

Kompatibilnost: ortakZnačajna značajka: X-ray inspektor, Visual Editor, Selector Builder

Dizajnirajte lijepe, inovativne i brzo učitavajuće web stranice s prekrasnom, inovativnom i brzom aplikacijom, koju je CSSEdit MacRabbit. Od značajki kao što je Selector Builder do inteligentnog izvornog okruženja, CSSEdit je dizajniran za bilo koju razinu stručnosti.

S vrlo uglađenim uređivačem kao što je ovaj očekuje se da se promjene u CSS-ovoj stilskoj tablici pojavljuju u stvarnom vremenu, bez zamorne akcije učitavanja. X-ray inspektor je također stvoren kao značajka za dijagnosticiranje CSS koda iz određenog dijela stranice.

Inovativni dio CSSEdit je vjerojatno njegova Graditelj odabira koji vam omogućuje da opišete svoj stil CSS-a jednostavnim engleskim, ne zanima ga stručnjak, ali je koristan za apsolutnog početnika.

Demo verzija ograničava spremanje datoteke s manje od 2500 znakova, dok možete platiti 39,95 USD da biste izbrisali sva ograničenja.

8. EngInSite CSS Editor

Kompatibilnost: WindowsZnačajna značajka: Alat za mjerenje u načinu pregleda

Ako ste ozbiljan dizajner koji brine o ispravnoj CSS specifikaciji, ispravan CSS položaj ili CSS stil mora biti potpuno provjeren, a zatim EngInSite CSS editor može biti vaš omiljeni urednik.

U ovom editoru možete dodavati izbornik klase, id i element uz pomoć ugrađenog inspektora, a možete pretvoriti boju u Hex ili RGB vrijednost, što je vrlo rijetka značajka za CSS editor. Svoj rezultat možete vidjeti na ploči za pregled pomoću mjernih alata kako biste osigurali da je svaki vaš element dizajna na pravom mjestu.

Urednik također dolazi s kodom završetka, ali to je malo buggy, pa bih rekao da je polu kod završetka. Inače, cijeli urednik je koristan, osim što je urednik prilično zastario u smislu podrške za definiranje stila preglednika, jer podržava samo definiciju stila IE6.

9. Stvornik stilova

Kompatibilnost: WindowsZnačajna značajka: Oznake CSS-a

Stylesheet Maker je još jedan standardni CSS editor koji nudi čistu površinu kodiranja s panelom explorer datoteka i neke korisne CSS alate za pomoć pri postavljanju fonta, boje, margine, granice, itd..

U usporedbi s nekoliko CSS urednika Rapid CSS ili Stilski studio, Izrađivač ima manje značajka, ali vrlo čisto sučelje, a to je dobro za određene početnike koji ne žele komplicirati stvari ili CSS ninja koji želi sve minimalno i ugodno.

Iako je ovaj uređivač dizajniran za srednje korisnike, njegova značajka CSS oznaka može vam pomoći da jednostavno stvorite CSS pravilo s oznakama klikovima.

To je $ 34 za ovaj urednik, ili ga možete kupiti s drugim CoffeeCup softverom kao kupnjom paketa.

10. Arduo CSS

Kompatibilnost: WindowsZnačajna značajka: Čvor, CSSTidy

Arduo CSS je novi rođeni CSS editor koji teži zadovoljiti vas svojim intuitivnim i jednostavnim sučeljem. Sa čistim sučeljem i označavanjem sintakse, zasigurno ćete stvoriti i urediti CSS datoteku bez previše problema i prekida. Također možete koristiti njegovu značajku 'Node' za definiranje CSS pravila po točkama i klikovima.

Za one koji smatraju da je vaš stilski stil pretežak, alat CSSTidy iz editora može vam pomoći da optimizirate stilsku ploču i izbrišete sav nepotreban kod.

Urednik je slobodno dostupan na službenim stranicama.

11. Jednostavan CSS

Kompatibilnost: Windows, Mac OS XZnačajna značajka: CSS uvoz datoteka, Point-and-click sučelje, Dodatni font baze podataka

Kao i njegovo ime, Simple CSS ima sve što dizajner treba za jednostavno uređivanje CSS-a. CSS datoteku možete uvesti u urednik i promijeniti je s nekoliko klikova, provjeriti rezultat u panelu pregleda i odmah izvaditi izvorni kod..

Iako možete uvesti gotovo svaku CSS datoteku u urednik, možete pogledati samo 1 CSS pravilo jednim klikom, a ponekad će vaš uvoz uzrokovati pogrešku zbog ograničenja kao što je @rules podrška. I sam urednik nije toliko fleksibilan kao što možete odabrati samo "Auto" ili "Inherit" za svojstvo z-index, ali ne daje izravno vrijednost nekretnine.

Ipak, to je besplatno i prilično zgodan za dizajnera koji treba brzo popraviti.

Bonus: Više urednika i alata

Iako nisu baš CSS urednici, ovi sljedeći alati su nešto što biste možda željeli imati kada je u pitanju uređivanje CSS-a.

Palikuća

Najpopularniji i najsnažniji alat za web razvoj koji pregledava HTML, mijenja CSS stil i vidi promjene u stvarnom vremenu, dostupan kao dodatak za Firefox web preglednik.

Korištenje CSS-a

Produžetak za Firebug koji vam omogućuje skeniranje više stranica na vašoj web-lokaciji kako biste vidjeli koja se pravila CSS-a zapravo koriste na vašoj web-lokaciji.

Web programer

Proširenje za Firefox da biste učinili mnogo zanimljivih stvari kao što je pregledavanje CSS izvora ili onemogućavanje određenih CSS stilova za dizajn ili razvoj upotrebe.

blokčić za bilješke++

Besplatno uređivač izvornog koda i zamjena za Notepad koji podržava nekoliko jezika, uključujući CSS. Sadrži značajke poput završetka funkcije kako bi vam pomogao u izgradnji CSS dizajna.

završetak

Napredni uređivač teksta s ugrađenim CSS uređivačem koji vam pruža dva načina uređivanja CSS-a za fleksibilnije dizajniranje, u mogućnosti vidjeti rezultat odmah nakon promjena.

NetBeans IDE

Otvoreno izvorno i profesionalno integrirano razvojno okruženje s najkompletnijom referencom CSS-a u značajki dovršavanja koda.

Studio Aptana

Cjelokupno web-razvojno okruženje koje kombinira moćne autorske alate za HTML, CSS i JavaScript, trenutno podržava do HTML5 i CSS3.

WebStorm

JetBrainov IDE koji implementira relevantno automatsko dovršavanje za sve, uključujući CSS, također možete dobiti obavijest o CSS problemima u letu.