11 populiariausių CSS redaktorių - peržiūrėta

1. Stilizatorius

Suderinamumas: „Windows“Pažymėtina funkcija: Kodo tinklelis, dydžių griebtuvai, „Bullseye“, „du spustelėjimai“

„Stylizer“ yra visiškai unikalus CSS redaktorius realaus laiko CSS redagavimas. Jūs galite tiesiog įvesti interneto adresą į savo integruotą naršyklę, palaikančią „Firefox 3.5“ ir „IE7“ stiliaus apibrėžimą, ir visos susijusios CSS taisyklės būtų įkeliamos, kad jas būtų galima redaguoti su savo pažįstama taško ir paspaudimo sąsaja.

Redaktorius turi a Kodo tinklelis funkcija, kuri leidžia jūsų CSS redagavimą patogiau, nes galite peržiūrėti rezultatą iškart po to, kai pakeitėte vertę. Taip pat su jos diagnostika Bulio akis funkcija, galite peržiūrėti susijusius elementus tam tikroje svetainės dalyje ir redaguoti su taškais ir paspaudimais. Kitos funkcijos, pvz Dydžių griebtuvai leidžia vizualiai koreguoti CSS elemento padėtį ir su Dukart spustelėkite spalvą funkcija, kuriai suteiktas „Photoshop“ tipo spalvų rinkiklis, kad pasirinktumėte bet kokią spalvą, tarkim, jūsų svetainės šriftą. O, ar aš paminėjau, kad visi šie pakeitimai atliekami realiu laiku, iš karto matomas rezultatas?

Su Stilizatorius tai tik neįmanoma padaryti CSS klaidą, nes ji apribotų jums bet kokią vertę, kuri nėra suderinama su atitinkama CSS nuosavybe. Tačiau programinė įranga kartais nepavyks įkelti tam tikro CSS failo dėl nepaaiškinamos kritinės klaidos.

Stilizatorius Su Basic ir Ultimate versija. Nors „Basic“ versija yra visiškai nemokama, „Ultimate“ versija yra prieinama 14 dienų po įdiegimo, tada ji siūlo 85 JAV dolerius, kad galėtumėte toliau naudoti savo pažangias funkcijas, pvz., „Bullseye“.

2. „TopStyle“

Suderinamumas: „Windows“Pažymėtina funkcija: Stilius inspektorius, stiliaus šlavimo mašina, CSS tvarkingas

„TopStyle CSS“ redaktorius pradeda jus nustebinti pirmą kartą konfigūruojant, kai galite pasirinkti stiliaus apibrėžimą, rodantį tik „Firefox“, „Internet Explorer“, „Safari“ ar net „iPhone OS 2.0“ palaikomas savybes ir vertes, kurios praktiškai yra naudingos transliacijai interneto dizaineris.

Tarp visų nustatytų funkcijų Stiliaus inspektorius yra ypač naudinga, nes ji veikia kaip skydelis, leidžiantis įtraukti bet kokią CSS nuosavybę su paprastu paspaudimu ir paspaudimu. Kai baigsite pasirinkti visas norimas CSS savybes, pradinis kodas būtų automatiškai sukurtas, kad sutaupytumėte laiką nuo pasikartojančio ir varginančio kodavimo.

Dar vienas geras dalykas „TopStyle“ ar jis rodo naršyklės suderinamumą po savo stiliaus inspektoriumi, kurį galite matyti, jei CSS nuosavybė yra visiškai palaikoma tam tikra žiniatinklio naršyklės versija, pvz., „Internet Explorer 7“, arba tai baisiai buggy.

Redaktorius yra bandomoji versija su ribota funkcija, ir jūs galite atrakinti visą savo potencialą 79,95 $.

3. Stiliaus meistras

Suderinamumas: „Windows“, „Mac OS X“Pažymėtina funkcija: Stilės šablonas

Teigė, kad jis yra pagrindinis meistras, stiliaus meistras labai gerai sukūrė CSS redagavimo aplinką bet kokiam kompetencijos lygiui. Programinė įranga ne tik suteikia „WYSIWYG“ redaktoriui, kuris sušvelnina CSS pradedančiojo darbo eigą, bet ir suteikia jums prieigą prie labai išsamios informacijos apie kiekvieną CSS nuosavybę, į kurią gali kreiptis ekspertas. Galite naršyti ir pasirinkti CSS savybes pagal kategoriją arba abėcėlės tvarka.

Galbūt labiausiai unikalus taškas yra pats redaktorius, kuriame yra beveik 20 naudingų stilių šablonų, kuriuos galite pradėti, ir nenuostabu, kad stiliaus meistras turi labai švarias, gerai organizuotas ir profesionalias CSS taisykles, nustatytas jos integruotame šablone.

Jūs galite mėgautis visiškai rodoma programine įranga 30 dienų ir mokėti $ 59,99 arba 29,99 JAV dolerio už švietimo licenciją, kad vėl atvertumėte visą savo potencialą.

4. Xyle taikymo sritis

Suderinamumas: „Mac“Pažymėtina funkcija: Pasirinkimo režimas, „Smart“ grupė, teksto redaktoriaus integravimas

Xyle taikymo sritis yra a privaloma turėti nemokamą „CSS“ redaktorių „Mac“, kadangi tai tikrai profesionalus CSS redaktorius, kuris leidžia naršyti svetainėje, o CSS tiesiogiai sureguliuoti redaktoriuje.

Xyle naršyklė ateina su įprastu naršymo režimu ir pasirinkimo režimu, kuris veikia panašiai kaip „Firefox“ įskiepis, „Firebug“, teikiantis CSS šaltinio peržiūrą ir redagavimą, išskyrus tai, kad redaktorius leidžia išsaugoti modifikuotas CSS reikšmes savo pradinėje vietoje.

Naudojant '„Smart Group“„funkcija, galite filtruoti visas taisykles, darančias įtaką nuorodų rodymo būdui arba atsakingiems už išdėstymą, galite netgi susiaurinti rezultatą su integruota paieškos funkcija, ne daugiau bandymų ir klaidų metodo!

Xyle taikymo sritis taip pat siūlome integraciją su išoriniais tekstų redaktoriais, pvz., BBEdit, kad būtų patogiau ir taupiau koduoti, tiesiog atlikite pakeitimus ir teksto redaktorius arba „Xyle Scope“ automatiškai atnaujins visus pakeitimus.

5. Greitasis CSS

Suderinamumas: „Windows“Pažymėtina funkcija: Sintaksės žymeklis, kodo užbaigimas, CSS formatavimas

„Rapid CSS“ yra patogesnis, patogesnis ir sudėtingesnis CSS redagavimas. Ji turi savo visiškai pritaikomą teksto redaktorių su naudingomis funkcijomis, pavyzdžiui, sintaksės paryškinimu, kodo užbaigimu ir įmontuota CSS nuoroda neskausmingam kodavimui..

Rūpindamiesi savo „CSS“ švarumu, galite formatuoti savo CSS stilių lentelę, pvz., Pertvarkyti juos pagal CSS tipą arba sukurti trumpąsias savybes, kad stiliaus lentelė atrodytų patogesnė ir saldus. Integruotas kodų tikrintuvas taip pat užtikrina, kad jūsų stilių lentelė būtų ne tik švari, bet ir tinkama.

Redaktorius ateina su 30 dienų įvertinimo laikotarpiu su 30 naudojimo būdų, galite pereiti prie pilnos versijos $ 29.85.

6. Stilių studija

Suderinamumas: „Windows“Pažymėtina funkcija: „CSS Wizard“, „IntelliStyle“

Pagrindinis Stilių studijos grožis yra CSS vedlio funkcija, kuri suteikia jums tiesioginį CSS efektą su keliais taškais ir paspaudimais.

Pavyzdžiui, galite pasirinkti šriftų vedlį, tada pasirinkti šriftų šeimą ir nustatyti šrifto dydį, tada šrifto stilių, svorį, variantą… ir bumą! Taisyklės įtraukiamos į stilių lentelę kaip visiškai patvirtintą CSS kodą.

„Wizard“ funkcija taip pat apima spalvą, sieną, tekstą, pozicionavimą, klasifikavimą ir galiausiai filtravimo taisykles, tik beveik viską, ką galite galvoti apie CSS. Šie vedliai yra gana naudingi, nes jums nereikia pakartotinai įvesti tam tikro sudėtingo CSS efekto. Kitas kilnus bruožas yra „IntelliStyle“, kuris veikia kaip kodo užbaigimas, kad galėtumėte pasirinkti tam tikras CSS savybes savo dizaino tikslais.

Šio redaktoriaus trūkumas būtų jo pasenusios naršyklės stiliaus apibrėžties palaikymas, nes jis palaiko tik iki IE6 ir, be abejo, ne „Firefox“.

Jums suteikiama 30 dienų, kad galėtumėte mėgautis programine įranga ir $ 49,99 įsigyti.

7. CSSEdit

Suderinamumas: „Mac“Pažymėtina funkcija: Rentgeno inspektorius, vaizdo redaktorius, selektoriaus kūrėjas

Sukurkite gražią, naujovišką ir greitai įkeliamą interneto svetainę su gražia, naujoviška ir greita programa, kuri yra CSSEdit by „MacRabbit“. Nuo „Selector Builder“ iki intelektualių šaltinių aplinkos, CSSEdit yra sukurtas bet kokio lygio žinioms.

Su tokiu labai poliruotu redaktoriumi, tikimasi, kad pamatysite, kad jūsų CSS stilių lentelės pakeitimai pasirodys realiu laiku, be varginančių įkėlimo-atnaujinimo veiksmų. Rentgeno inspektorius taip pat yra sukurtas kaip funkcija, skirta diagnozuoti CSS kodą iš konkrečios svetainės dalies.

Novatoriškas. \ T CSSEdit tikriausiai yra jo „Selector Builder“ tai leidžia jums apibūdinti savo CSS stilių su paprastu anglų kalba, o ne daugeliui susidomėjimo ekspertu, bet naudinga absoliučiam pradedantiesiems.

Demo versija leidžia jums išsaugoti failą, kuriame yra mažiau nei 2500 simbolių, o jūs galite mokėti $ 39,95, jei norite ištrinti visus apribojimus.

8. „EngInSite CSS“ redaktorius

Suderinamumas: „Windows“Pažymėtina funkcija: Matavimo įrankis peržiūros režime

Jei esate rimtas dizaineris, kuris rūpinasi teisinga CSS specifikacija, teisinga CSS vieta arba CSS stilių lentelė turi būti visiškai patvirtinta, tada „EngInSite CSS“ redaktorius gali būti jūsų mėgstamiausias redaktorius.

Šiame redaktoriuje galite pridėti klasės, ID ir elementų selektorių, naudodami savo įmontuotą inspektorių, taip pat galite konvertuoti spalvą į Hex arba RGB reikšmę, kuri yra labai reti CSS redaktoriaus funkcija. Galite stebėti savo rezultatą peržiūros skydelyje su matavimo įrankiais, kad įsitikintumėte, jog jūsų kiekvienas dizaino elementas yra teisinga.

Redaktorius taip pat atėjo su kodo užbaigimu, bet tai šiek tiek klaidinga, todėl sakyčiau, kad jis baigtas pusiau. Priešingu atveju visas redaktorius yra malonu naudoti, išskyrus tai, kad redaktorius naršyklės stiliaus defnavimo palaikymo laikotarpiu yra gana pasenęs, nes jis palaiko tik iki IE6 stiliaus apibrėžimo.

9. Stilių kūrimo priemonė

Suderinamumas: „Windows“Pažymėtina funkcija: CSS žymės

Stiliaus kūrėjas yra dar vienas standartinis CSS redaktorius, kuris siūlo švarų kodavimo paviršių su failų naršyklės skydeliu ir kai kuriais naudingais CSS įrankiais, padedančiais nustatyti šriftą, spalvą, paraštę, sieną ir tt.

Palyginti su keliais CSS redaktoriais Greitas CSS arba Stilių studija, Maker turi mažiau savybių, bet labai švarią sąsają, ir tai tinka tam tikriems pradedantiesiems, kurie nenori gauti sudėtingų dalykų, arba CSS ninja, kas nori, kad viskas būtų minimali ir patogi.

Nors šis redaktorius yra skirtas tarpiniam vartotojui, jo CSS žymių funkcija gali padėti jums tiesiog sukurti CSS taisyklę su žymomis pagal paspaudimus.

Savo redaktoriui tai kainuoja $ 34, arba ją galite įsigyti su kita „CoffeeCup“ programine įranga kaip paketo pirkimą.

10. Arduo CSS

Suderinamumas: „Windows“Pažymėtina funkcija: Mazgas, CSSTidy

„Arduo CSS“ yra naujai gimęs „CSS“ redaktorius, kurio tikslas - patenkinti savo intuityvią ir lengvai naudojamą sąsają. Su švaria sąsaja ir sintaksės paryškinimu garantuojate, kad sukursite ir redaguosite CSS failą be pernelyg didelių problemų ir pertrūkių. Taip pat galite naudoti savo „mazgo“ funkciją, norėdami apibrėžti CSS taisykles pagal taškus ir paspaudimus.

Tiems, kurie mano, kad jūsų stilių lentelė yra pernelyg sunki, redaktoriaus CSSTidy įrankis gali padėti optimizuoti stilių lentelę ir ištrinti visus nereikalingus kodus.

Redaktorius yra laisvai prieinamas jos oficialioje svetainėje.

11. Paprasta CSS

Suderinamumas: „Windows“, „Mac OS X“Pažymėtina funkcija: CSS failų importas, „Point-and-click“ sąsaja, papildoma šrifto duomenų bazė

Kaip ir jos pavadinimas, „Simple CSS“ turi viską, ką dizaineris turi paprasta CSS redagavimui. CSS failą galite importuoti į redaktorių ir pakeisti jį keliais paspaudimais, peržiūrėti savo peržiūros skydelio rezultatą ir iš karto išimti pradinį kodą.

Nors į redaktorių galite importuoti beveik kiekvieną CSS failą, 1 CSS taisyklę vienu metu galite peržiūrėti tik vienu paspaudimu, o kartais jūsų importas sukeltų klaidą dėl jo apribojimo, pvz. Taip pat pats redaktorius nėra toks lankstus, kaip jūs galite pasirinkti tik „Auto“ arba „Paveldėti“ z-indekso nuosavybei, bet tiesiogiai nepateikti turto vertės.

Nepaisant to, tai nemokama ir gana patogi dizaineriui, kuriam reikia greito pataisymo.

Premija: daugiau redaktorių ir įrankių

Nors jie nėra tiksliai CSS redaktoriai, šie šie įrankiai yra kažkas, ką galbūt norėsite redaguoti CSS.

Firebug

Populiariausia ir galingiausia žiniatinklio kūrimo priemonė, kuri tikrina HTML, modifikuoja CSS stilių ir mato realaus laiko pakeitimus, prieinama kaip „Firefox“ naršyklės papildinys.

CSS naudojimas

„Firebug“ plėtinys, leidžiantis nuskaityti kelis svetainės puslapius, kad pamatytumėte, kurios CSS taisyklės iš tikrųjų naudojamos jūsų svetainėje.

Žiniatinklio kūrėjas

„Firefox“ plėtinys, skirtas jums atlikti daugybę įdomių dalykų, pvz., Peržiūrėti CSS šaltinius arba išjungti tam tikrą CSS stilių lentelę projektavimui ar kūrimui.

Užrašų knygelė++

Nemokamas šaltinio kodo redaktorius ir „Notepad“ keitimas, kuris palaiko kelias kalbas, įskaitant CSS. Sudėtyje yra funkcijos, pvz., „Funkcijų užbaigimas“, padedančios sukurti CSS dizainą.

Coda

Išplėstinis teksto redaktorius su įmontuotu CSS redaktoriumi, kuris suteikia jums du CSS redagavimo režimus, kad būtų galima lankstesnę projektavimo patirtį, galėdami iškart matyti rezultatą po atliktų pakeitimų.

NetBeans IDE

Atviro kodo ir profesionali integruota kūrimo aplinka, turinti pilniausią CSS nuorodą savo kodo užbaigimo funkcijoje.

„Aptana“ studija

Pilnas žiniatinklio kūrimo aplinka, apimanti galingus HTML, CSS ir „JavaScript“ kūrimo įrankius, šiuo metu palaiko iki HTML5 ir CSS3.

„WebStorm“

„JetBrain“ IDE, kuris įgyvendina atitinkamą automatinį užbaigimą viskas, įskaitant CSS, taip pat galite gauti pranešimą apie CSS problemas skrendant.