11 tipptasemel CSS toimetajat - vaadatud

1. Stylizer

Ühilduvus: WindowsMärkimisväärne funktsioon: Koodivõrk, suuruse haaratsid, hobune, kahekordne värvimine

Stylizer on täiesti ainulaadne CSS-redaktor, mis keskendub reaalajas CSS redigeerimine. Võite lihtsalt sisestada veebiaadressi oma sisseehitatud brauserisse, mis toetab Firefoxi 3.5 ja IE7 stiili määratlust, ning kõik teie käsutuses olevad CSS-reeglid laaditakse sinu tuttavale punkt-ja-klikkliidesele redigeerimiseks.

Toimetajaga kaasneb Koodivõrk funktsioon, mis muudab teie CSS-i redigeerimise mugavamaks, kui saad tulemust kohe pärast väärtuse muutmist vaadata. Ka selle diagnostikaga Bullseye funktsiooni, saate vaadata seotud elemente teatud saidi osas ja seda muuta punktide ja klikkidega. Muud funktsioonid nagu Suuruse haaratsid võimaldab teil visuaalselt reguleerida CSS-elementi ja Kaks klõpsuga värvimine funktsioon, millele on omistatud Photoshop-tüüpi värvivalija, et valida mis tahes värvi, näiteks veebisaidi font. Oh, ma mainisin, et kõik need muudatused tehakse reaalajas, kohe nähtavaks tulemuseks?

Koos Stylizer see on lihtsalt võimatu teha CSS-viga, sest see piiraks teid panema mingit väärtust, mis ei sobi vastava CSS-i omadusega. Kuid tarkvara ei suuda mõningaid CSS-faile mõnikord oma seletamatu kriitilise vea tõttu laadida.

Stylizer kaasas Basic ja Ultimate versioon. Kuigi põhiversioon on täiesti tasuta, on Ultimate versioon saadaval 14 päeva jooksul pärast installimist, seejärel pakub see 85 dollarit, et jätkata oma täiustatud funktsioonide, näiteks Bullseye'i kasutamist..

2. TopStyle

Ühilduvus: WindowsMärkimisväärne funktsioon: Stiilinspektor, stiili pühkija, CSS Tidy

TopStyle CSS-i redaktor hakkab teid esimest korda konfigureerima, kui saate valida stiili määratluse, mis näitab ainult Firefoxi, Internet Exploreri, Safari või isegi iPhone OS 2.0 toetatud omadusi ja väärtusi, mis on praktiliselt kasulik platvormide jaoks veebi disainer.

Kõigi leitud funktsioonide hulgas Style Inspector on eriti kasulik, kuna see toimib paneelina, mis võimaldab teil lisada mis tahes CSS-i omadusi lihtsa ja klõpsa liidesega. Kui olete valinud kõik CSS-i omadused, mida soovid, genereeritakse lähtekood automaatselt, et säästa aega korduvate ja väsivate kodeeringute eest.

Veel üks hea asi TopStyle kas see näitab brauseri ühilduvust selle stiili inspektori all, mida näete kas CSS-i omadust toetab täielikult teatud veebibrauseri versioon, nagu Internet Explorer 7, või see on kohutavalt lollakas.

Toimetaja on piiratud funktsiooniga prooviversioon ja saate oma täieliku potentsiaali avada $ 79,95 võrra.

3. Style Master

Ühilduvus: Windows, Mac OS XMärkimisväärne funktsioon: Stiililehtede mall

Väideti end kaptenina, Style Master tegi päris hästi, et luua CSS-redigeerimiskeskkond mis tahes teadmiste tasemele. Tarkvara ei paku mitte ainult WYSIWYG redaktorit, mis lihtsustab CSS algaja tööprotsessi, vaid annab teile ka ligipääsu väga üksikasjalikule teabele iga CSS-i omaduse kohta, millele ekspert soovib viidata. Võite sirvida ja valida CSS-i omadusi kas kategooria või tähestiku järjekorras.

Võib-olla kõige ainulaadsem punkt on see, et toimetaja ise sisaldab peaaegu 20 kasulikku stiililehte, mida soovite alustada, ja ei ole üllatav, et stiili kaptenil on väga puhtad, hästi korraldatud ja professionaalsed CSS-reeglid, mis on määratletud selle sisseehitatud mallis.

Teil on võimalik nautida täisfunktsionaalset tarkvara 30 päeva jooksul ja maksta hariduse litsentsi eest kas $ 59,99 või 29,99 dollarit..

4. Xyle'i ulatus

Ühilduvus: MacMärkimisväärne funktsioon: Valikurežiim, Smart Group, tekstiredaktori integreerimine

Xyle'i ulatus on a tasuta CSS-redaktor Macile, kuna see on tõeliselt professionaalne CSS-redaktor, mis võimaldab teil veebisaiti surfata, täpsustades selle CSS-i otse toimetaja sees.

Xyle'i brauser kaasas tavaline brauserirežiim ja valikurežiim, mis töötab päris sarnaselt Firefoxi pluginaga, Firebug, mis pakub CSS-i allika vaatamist ja redigeerimist, välja arvatud see, et redaktor võimaldab salvestatud modifitseeritud CSS-väärtusi salvestada oma algses asukohas.

Kasutades 'Smart Group„funktsioon, saate filtreerida välja kõik reeglid, mis mõjutavad linkide kuvamise viisi või paigutuse eest vastutavaid isikuid, sa võid isegi kitsendada tulemust oma sisseehitatud otsingufunktsiooniga, mitte enam katse- ja vea meetodit!

Xyle ulatus pakub ka integreerimist väliste tekstiredaktoritega nagu BBEdit mugavamaks ja energiasäästlikumaks kodeerimiseks, tehke lihtsalt muudatusi ja kas tekstiredaktor või Xyle Scope muudaks teie jaoks kõik muudatused automaatselt.

5. Kiire CSS

Ühilduvus: WindowsMärkimisväärne funktsioon: Süntaksi esiletõstmine, koodide täitmine, CSS-vorming

Kiire CSS on viis mugavamaks, mugavamaks ja keerulisemaks CSS-redigeerimiseks. Sellel on oma täielikult kohandatav tekstiredaktor, mis pakub kasulikke funktsioone, nagu süntaksi esiletõstmine, koodide lõpuleviimine ja sisseehitatud CSS-viide valutu kodeerimiskogemuse jaoks.

Hoolitsedes oma CSS-i puhtuse eest, saate vormindada oma CSS-i laaditabeli, näiteks ümberkorraldada need CSS-i tüübi järgi või luua stenogrammi omadused, et muuta stiilitabel mugavamaks ja magusamaks. Sisseehitatud koodide valideerija tagab ka, et teie stiilileht ei ole ainult puhas, vaid kehtiv.

Toimetajaga on kaasas 30-päevane hindamisperiood 30 kasutusega, täisversiooni saab minna 29,85 $.

6. Style Studio

Ühilduvus: WindowsMärkimisväärne funktsioon: CSS Wizard, IntelliStyle

Style Studio peamine ilu on selle CSS Wizard funktsioonis, mis annab teile kohese CSS-efekti mõne punkti ja klõpsuga.

Näiteks saate valida fondi viisardi, seejärel valida fontide perekonna ja seadistada sellele fondi suuruse, seejärel fondi stiili, kaalu, variandi… ja buumi! Reeglid sisestatakse stiilile täielikult valideeritud CSS-koodina.

Nõustaja funktsioon sisaldab ka värvi, piiri, teksti, positsioneerimist, klassifitseerimist ja lõpuks reeglite filtreerimist. Need võlurid on päris kasulikud, kuna teatud keerulise CSS-efekti saavutamiseks ei pea te korduvalt kirjutama. Teine üllas funktsioon on IntelliStyle, mis toimib nagu koodi lõpuleviimine, et valida oma disaini jaoks teatud CSS-omadused.

Selle toimetaja negatiivne külg oleks selle vananenud brauseri stiili määratlemise tugi, kuna see toetab ainult kuni IE6 ja isegi ei Firefoxi.

Teile antakse 30 päeva aega tarkvara nautimiseks ja 49,99 dollarit selle ostmiseks.

7. CSSEdit

Ühilduvus: MacMärkimisväärne funktsioon: X-ray inspektor, Visual Editor, Selector Builder

Kujundage ilusad, uuenduslikud ja kiiresti laaditavad veebisaidid, millel on ilus, uuenduslik ja kiire rakendus, mis on CSSEdit by MacRabbit. Sellistest funktsioonidest nagu Selector Builder kuni intelligentsete allikakeskkonda on CSSEdit mõeldud mis tahes teadmiste tasemele.

Sellise väga poleeritud redaktori puhul näete, et näete, et teie CSS-i stiililehel ilmuvad muudatused reaalajas, ilma et oleks väsitav üleslaadimise-värskendamise toiming. X-ray inspektor luuakse ka funktsioonina, et diagnoosida CSS-koodi saidi konkreetsest osast.

Euroopa innovaatiline osa CSSEdit on tõenäoliselt tema Valija ehitaja mis võimaldab teil kirjeldada oma CSS-stiili tavalise inglise keeles, mitte palju eksperdi huvides, kuid kasulik absoluutsele algajale.

Demo versioon piirab teid vähem kui 2500 tähemärki sisaldava faili salvestamisega, samal ajal kui saate kõik piirangud kustutada $ 39,95..

8. EngInSite CSS redaktor

Ühilduvus: WindowsMärkimisväärne funktsioon: Mõõtevahend eelvaate režiimis

Kui olete tõsine disainer, kes hoolitseb õige CSS-spetsifikatsiooniga, peab õige CSS-paigutus või teie CSS-laaditabel olema täielikult valideeritud, siis võib EngInSite CSS-i redaktor olla teie lemmiktoimetaja.

Selles redaktoris saate lisada sisseehitatud inspektori abil klassi, id ja elemendi valija, samuti saate värvi muuta kas Hex või RGB väärtuseks, mis on väga haruldane funktsioon CSS redaktori jaoks. Te saate oma tulemust vaadata eelvaate paneelil mõõtevahenditega tagamaks, et teie iga kujunduselement on õiges asendis.

Toimetaja on ka koodi valmimisega, kuid see on natuke lollakas, nii et ma ütleksin, et see on poolkoodi lõpetamine. Vastasel juhul on kogu redaktor kena kasutada, välja arvatud asjaolu, et redaktor on brauseri stiili defensioonitoe poolest üsna aegunud, kuna see toetab ainult IE6 stiili määratlust.

9. Stiililehtede tegija

Ühilduvus: WindowsMärkimisväärne funktsioon: CSS-sildid

Stiililehtede tegija on veel üks standardne CSS-redaktor, mis pakub puhta kodeerimispinna failirakenduse paneeliga ja mõningaid kasulikke CSS-tööriistu fontide, värvide, margi, piiri jne seadistamiseks..

Võrreldes mitmete CSS-i toimetajatega Kiire CSS või Style Studio, Makeril on vähem funktsioone, kuid väga puhas liides, ja see on hea teatud algajale, kes ei taha asju keeruliseks saada, või CSS ninja, kes tahab kõike minimaalset ja mugavat.

Kuigi see redaktor on mõeldud kesktarbijale, võib selle CSS-siltide funktsioon lihtsalt luua CSS-reegli, millel on klõpsud siltidega.

See maksab selle redaktori omale $ 34 või saate selle osta koos teiste CoffeeCup tarkvaraga kimpude ostmiseks.

10. Arduo CSS

Ühilduvus: WindowsMärkimisväärne funktsioon: Sõlm, CSSTidy

Arduo CSS on sündinud CSS-redaktor, mille eesmärk on paluda Teil oma intuitiivset ja lihtsalt kasutatavat liidest. Oma puhta liidese ja süntaksi esiletõstmisega on teil tagatud CSS-faili loomine ja redigeerimine ilma liiga suurte probleemide ja katkestusteta. Samuti saate oma funktsiooni "Node" kasutada, et määratleda CSS reeglid punktide ja klikkide järgi.

Neile, kes tunnevad, et teie stiilileht on liiga raske, võib redaktori CSSTidy tööriist aidata teil stiilitabelit optimeerida ja kustutada kõik mittevajalikud koodid.

Toimetaja on oma ametlikul veebilehel vabalt kättesaadav.

11. Lihtne CSS

Ühilduvus: Windows, Mac OS XMärkimisväärne funktsioon: CSS-faili import, Point-and-click liides, Täiendav fontide andmebaas

Lihtsalt CSS-i nime all on kõigil, mida disainer vajab lihtsaks CSS-redigeerimiseks. Võite importida CSS-faili redaktorisse ja muuta seda mõne klõpsuga, vaadata eelvaate paneeli tulemust ja võtta kohe lähtekoodi välja.

Kuigi saate redaktorisse importida peaaegu iga CSS-faili, saate korraga vaadata ainult ühte CSS-reeglit koos klõpsuga ja mõnikord põhjustaks teie import vigu, mis tuleneb selle piirangust nagu mitte @ rules-toe. Ka redaktor ise ei ole nii paindlik, nagu saate valida ainult 'Auto' või 'Inerit' z-indeksi omaduste jaoks, kuid ei anna otseselt vara väärtust.

Sellegipoolest on see tasuta ja ilus disainer, kes vajab kiiret lahendust.

Boonus: rohkem redaktoreid ja tööriistu

Kuigi need ei ole täpselt CSS-redaktorid, on need järgmised tööriistad CSS-i redigeerimisel.

Firebug

Kõige populaarsem ja võimsam veebiarendustööriist, mis kontrollib HTML-i, muudab CSS-stiili ja näeb muudatusi reaalajas, saadaval Firefoxi veebibrauseri pluginana.

CSS-i kasutamine

Firebugi laiendus, mis võimaldab teil skaneerida mitu saidi lehekülge, et näha, milliseid CSS-reegleid teie saidil tegelikult kasutatakse.

Veebiarendaja

Firefoxi laiend, mis võimaldab teil teha palju lahedaid asju, näiteks vaadata CSS-i allikaid või keelata teatud CSS-stiilid disaini või arenduse kasutamiseks.

Notepad++

Tasuta lähtekoodi redaktor ja Notepadi asendamine, mis toetab mitmeid keeli, sealhulgas CSS. Sisaldab funktsioone, nagu funktsiooni lõpuleviimine, et aidata luua CSS-disaini.

Coda

Täiustatud tekstiredaktor koos sisseehitatud CSS-redaktoriga, mis annab teile kaks CSS-i redigeerimisrežiimi, et muuta paindlikumaks projekteerimiskogemuseks, et näha tulemusi kohe pärast muudatuste tegemist.

NetBeans IDE

Avatud lähtekoodiga ja professionaalne integreeritud arenduskeskkond, mille CSS-viide on kõige täielikumalt koodide lõpetamise funktsioon.

Aptana Studio

Täielik veebiarenduskeskkond, mis ühendab võimsaid HTML, CSS ja JavaScript autoriseerimisvahendeid, toetab praegu kuni HTML5 ja CSS3.

WebStorm

JetBrain'i IDE, mis rakendab asjakohast automaatset lõpetamist kõike, sealhulgas CSS-i, samuti saate teate CSS-i probleemide kohta lennul.