Mājas lapa » Toolkit » 11 Top CSS redaktori - pārskatīts

    11 Top CSS redaktori - pārskatīts

    1. Stilizētājs

    Saderība: WindowsIevērojama iezīme: Kodu režģis, izmēra rokturi, Bullseye, divu klikšķu krāsošana

    Stylizer ir absolūti unikāls CSS redaktors, kas koncentrējas uz reālā laika CSS rediģēšana. Jūs varat vienkārši ievadīt tīmekļa adresi savā iebūvētajā pārlūkprogrammā, kas atbalsta Firefox 3.5 un IE7 stila definīciju, un tai būtu pieejami visi saistītie CSS noteikumi, lai tos rediģētu ar savu pazīstamo punktu un klikšķu interfeisu.

    Redaktors nāk ar Kodu režģis funkcija, kas padara jūsu CSS rediģēšanu ērtāku, jo jūs varat skatīt rezultātu tūlīt pēc vērtības maiņas. Arī ar tās diagnostiku Bullseye Jūs varat apskatīt saistītos elementus noteiktā vietnes daļā un rediģēt ar punktiem un klikšķiem. Citas funkcijas, piemēram, Izmērs Grips ļauj vizuāli pielāgot CSS elementa pozīciju un ar Divu klikšķu krāsošana Jums ir piešķirts Photoshop līdzīgs krāsu atlasītājs, lai izvēlētos jebkuru krāsu, piemēram, jūsu vietnes fontu. Ak, vai es pieminēju, ka visi šie labojumi tiek veikti reālā laikā, nekavējoties redzamā rezultātā?

    Ar Stilizētājs CSS kļūda ir tikai neiespējama, jo tas ierobežotu jūs jebkādas vērtības, kas nav saderīga ar atbilstošo CSS īpašumu. Tomēr programmatūra neizdos dažus CSS failu ielādēt, jo tā neizskaidrojama kritiskā kļūda.

    Stilizētājs nāk ar Basic un Ultimate versiju. Lai gan Basic versija ir pilnīgi bez maksas, Ultimate versija ir pieejama 14 dienas pēc instalēšanas, tad tā piedāvā 85 ASV dolārus, lai turpinātu izmantot savas uzlabotās funkcijas, piemēram, Bullseye.

    2. TopStyle

    Saderība: WindowsIevērojama iezīme: Stila inspektors, stila slaucītājs, CSS Tidy

    TopStyle CSS redaktors sāk jūs pārsteigt ar pirmo reizi, kad varat izvēlēties stila definīciju, kas parāda tikai tās īpašības un vērtības, ko atbalsta gan Firefox, Internet Explorer, Safari, gan iPhone OS 2.0, kas ir praktiski noderīga pārrobežu platformām Mājas lapu dizaineris.

    Starp visām iezīmēm, ko atradu Stila inspektors ir īpaši noderīga, jo tā darbojas kā panelis, kas ļauj iekļaut jebkuru CSS īpašumu ar vienkāršu saskarni ar klikšķi. Kad esat pabeidzis izvēlēties visus vajadzīgos CSS rekvizītus, pirmkods tiek automātiski ģenerēts, lai ietaupītu laiku no atkārtotiem un nogurdinošiem kodējumiem..

    Vēl viena laba lieta TopStyle vai tas parāda pārlūkprogrammas saderību zem tā stila inspektora, kuru var redzēt vai nu CSS īpašums ir pilnībā atbalstīts, izmantojot noteiktu tīmekļa pārlūkprogrammas versiju, piemēram, Internet Explorer 7, vai tas ir briesmīgi buggy.

    Redaktors ir izmēģinājuma versija ar ierobežotu funkciju, un jūs varat pilnībā atslēgt savu potenciālu par 79,95 $.

    3. Stila meistars

    Saderība: Windows, Mac OS XIevērojama iezīme: Stilu lapu veidne

    Stāstīja, ka viņš ir meistars, stila meistars bija diezgan labi izveidojis CSS rediģēšanas vidi jebkuram pieredzes līmenim. Programmatūra ne tikai nodrošina WYSIWYG redaktoru, kas izlīdzina CSS iesācēja darbplūsmu, bet arī piešķir jums piekļuvi ļoti detalizētai informācijai par katru CSS īpašumu, uz kuru eksperts var atsaukties. Jūs varat pārlūkot un izvēlēties CSS īpašības pēc kategorijas vai alfabētiskā secībā.

    Iespējams, ka pats unikālais punkts ir redaktors, kas satur gandrīz 20 noderīgas stilu veidnes, lai jūs varētu sākt ar to, un nav pārsteigums, ka stila meistaram ir ļoti tīri, labi sakārtoti un profesionāli CSS noteikumi, kas noteikti tās iebūvētajā veidnē.

    Pilnībā pieejamo programmatūru var baudīt 30 dienas un maksāt par 59,99 ASV dolāru vai 29,99 ASV dolāru par izglītības licenci, lai atkal atvērtu savu potenciālu.

    4. Xyle joma

    Saderība: MacIevērojama iezīme: Atlases režīms, Smart grupa, teksta redaktora integrācija

    Xyle joma ir a obligāta bezmaksas CSS redaktors Mac, tā kā tas ir patiesi profesionāls CSS redaktors, kas ļauj jums pārlūkot tīmekļa vietni, vienlaikus precizējot CSS tieši redaktorā.

    Xyle pārlūks nāk ar parasto pārlūka režīmu un atlases režīmu, kas darbojas diezgan līdzīgi kā Firefox spraudnis, Firebug, kas nodrošina CSS avota apskati un rediģēšanu, izņemot to, ka redaktors ļauj saglabāt modificētās CSS vērtības to sākotnējā atrašanās vietā.

    Izmantojot 'Smart grupa'funkcija, jūs varat filtrēt visus noteikumus, kas ietekmē veidu, kādā tiek parādītas saites vai tie, kas atbild par izkārtojumu, jūs varat pat sašaurināt rezultātu ar iebūvēto meklēšanas funkciju, ne vairāk izmēģinājuma un kļūdas metodi!

    Xyle joma arī piedāvā integrāciju ar ārējiem teksta redaktoriem, piemēram, BBEdit, lai ērtāk un energotaupīgāk kodētu darbu, vienkārši veiciet izmaiņas un teksta redaktors vai Xyle Scope automātiski atjauninās visas izmaiņas.

    5. Rapid CSS

    Saderība: WindowsIevērojama iezīme: Sintakses izgaismotājs, koda aizpildīšana, CSS formatēšana

    Rapid CSS ir ceļš ērtākai, ērtākai un sarežģītākai CSS rediģēšanai. Tam ir savs pilnībā pielāgojams teksta redaktors ar noderīgām funkcijām, piemēram, sintakses izcelšanu, kodu pabeigšanu un iebūvētu CSS atsauci nesāpīgai kodēšanas pieredzei..

    Rūpējoties par savu CSS tīrību, jūs varat formatēt savu CSS stilu, piemēram, pārkārtot tās pēc CSS tipa vai izveidot īsfunkciju īpašības, lai stillapas izskatās ērtākas un saldākas. Iebūvētais koda validators arī nodrošina, ka jūsu stilu lapa ir ne tikai tīra, bet arī derīga.

    Redaktors nāk ar 30 dienu vērtēšanas periodu ar 30 lietojumiem, jūs varat doties uz pilnu versiju par $ 29,85.

    6. Stila studija

    Saderība: WindowsIevērojama iezīme: CSS vednis, IntelliStyle

    Stila studijas galvenais skaistums ir tā CSS vedņa funkcija, kas darbojas, lai nodrošinātu tūlītēju CSS efektu ar dažiem punktiem un klikšķiem.

    Piemēram, varat izvēlēties fontu vedni, pēc tam izvēlēties fontu grupu un iestatīt tā fontu lielumu, pēc tam fontu stilu, svaru, variantu… un uzplaukumu! Noteikumi tiek ievietoti stillapā kā pilnībā apstiprināts CSS kods.

    Wizard funkcija ietver arī krāsu, robežu, tekstu, pozicionēšanu, klasifikāciju un beidzot filtrēšanas noteikumus, tikai gandrīz visu, ko varat domāt par CSS. Šie burvji ir diezgan noderīgi, jo jums nav nepieciešams atkārtoti rakstīt, lai sasniegtu noteiktu sarežģītu CSS efektu. Vēl viena noble iezīme ir IntelliStyle, kas darbojas kā kodu pabeigšana, lai jūs varētu izvēlēties noteiktus CSS rekvizītus jūsu dizaina mērķim.

    Šī redaktora negatīvie elementi būtu tā novecojušās pārlūkprogrammas stila definīcijas atbalsts, jo tas atbalsta tikai līdz IE6 un, bez šaubām, nav Firefox.

    Jums ir piešķirtas 30 dienas, lai izbaudītu programmatūru un $ 49,99 to iegādāties.

    7. CSSEdit

    Saderība: MacIevērojama iezīme: Rentgena inspektors, vizuālais redaktors, selektora veidotājs

    Izveidojiet skaistas, novatoriskas un ātri ielādējamas tīmekļa vietnes ar skaistu, novatorisku un ātru lietotni, kas ir CSSEdit by MacRabbit. No tādām funkcijām kā Selector Builder līdz inteliģentai avota videi, CSSEdit ir izstrādāts jebkura līmeņa zināšanām.

    Tā kā šāds redaktors ir ļoti pulēts, sagaidāms, ka jūs redzēsiet izmaiņas CSS stillapā, kas parādījās reālā laikā, neiespiežot augšupielādes atjaunināšanas darbību. Rentgenstaru inspektors tiek izveidots arī kā funkcija, lai diagnosticētu CSS kodu no konkrētas vietnes daļas.

    Novatoriskā daļa. \ T CSSEdit iespējams, tā ir Selektora veidotājs kas ļauj jums aprakstīt savu CSS stilu ar vienkāršu angļu valodu, nevis lielu interesi par ekspertu, bet noderēt absolūtajam iesācējam.

    Demo versija ierobežo jūs saglabāt failu ar mazāk nekā 2500 rakstzīmēm, bet jūs varat maksāt $ 39,95, lai izdzēstu visus ierobežojumus.

    8. EngInSite CSS redaktors

    Saderība: WindowsIevērojama iezīme: Mērīšanas rīks priekšskatījuma režīmā

    Ja esat nopietns dizainers, kas rūpējas par pareizu CSS specifikāciju, pareizai CSS izvietojumam vai jūsu CSS stillapai jābūt pilnībā apstiprinātai, tad EngInSite CSS redaktors var būt jūsu iecienītākais redaktors.

    Šajā redaktorā jūs varat pievienot klasi, id un elementu selektoru, izmantojot savu iebūvēto inspektoru, kā arī varat pārvērst krāsu uz Hex vai RGB vērtību, kas ir ļoti reta iezīme CSS redaktoram. Jūs varat novērot savu rezultātu priekšskatījuma panelī ar mērīšanas rīkiem, lai nodrošinātu, ka katrs dizaina elements ir pareizajā pozīcijā.

    Redaktors arī nāk ar kodu pabeigšanu, bet tas ir mazliet buggy, tāpēc es teiktu, ka tas ir daļēji pabeigts. Pretējā gadījumā viss redaktors ir patīkams izmantot, izņemot to, ka redaktors ir diezgan novecojis pārlūkprogrammas stila defnīcijas atbalsta terminu, jo tas atbalsta tikai līdz IE6 stila definīcijai.

    9. Stilu lapu veidotājs

    Saderība: WindowsIevērojama iezīme: CSS tagi

    Stilu lapu veidotājs ir vēl viens standarta CSS redaktors, kas piedāvā tīru kodēšanas virsmu ar failu pārlūka paneli un dažus noderīgus CSS rīkus, lai palīdzētu iestatīt fontu, krāsu, starpību, robežu utt..

    Salīdzinājumā ar vairākiem CSS redaktoriem Rapid CSS vai Stila studija, Maker ir mazāk iezīme vēl ļoti tīra saskarne, un tas ir labs dažiem iesācējiem, kuri nevēlas iegūt sarežģītas lietas, vai CSS ninja, kas vēlas visu minimālu un ērtu.

    Lai gan šis redaktors ir paredzēts vidusmēra lietotājam, tā CSS tagu funkcija var palīdzēt vienkārši izveidot CSS noteikumu ar tagiem ar klikšķiem.

    Šim redaktoram ir jāmaksā $ 34, vai arī to var iegādāties ar citu CoffeeCup programmatūru kā komplektu pirkumu.

    10. Arduo CSS

    Saderība: WindowsIevērojama iezīme: Mezgls, CSSTidy

    Arduo CSS ir jauns dzimušais CSS redaktors, kura mērķis ir iepriecināt jūs ar savu intuitīvo un viegli lietojamo interfeisu. Ar savu tīru saskarni un sintakses izcelšanu jums tiek garantēta CSS faila izveide un rediģēšana bez pārāk lielām problēmām un pārtraukumiem. Varat arī izmantot savu funkciju "mezgls", lai definētu CSS noteikumus pēc punktiem un klikšķiem.

    Tiem, kas uzskata, ka jūsu stila lapa ir pārāk smaga, redaktora CSSTidy rīks var palīdzēt jums optimizēt stilu un izdzēst visu nevajadzīgo kodu.

    Redaktors ir brīvi pieejams tās oficiālajā vietnē.

    11. Vienkārša CSS

    Saderība: Windows, Mac OS XIevērojama iezīme: CSS failu importēšana, Point-and-click interfeiss, papildu fontu datu bāze

    Tāpat kā tās nosaukums, Simple CSS ir viss, kas dizainera vajadzībām ir nepieciešams vienkāršai CSS rediģēšanai. CSS failu var importēt redaktorā un mainīt to ar dažiem klikšķiem, apskatīt rezultātu priekšskatījuma panelī un izņemt avota kodu uzreiz.

    Lai gan redaktorā jūs varat importēt gandrīz katru CSS failu, varat ar vienu klikšķi uzreiz apskatīt tikai vienu CSS noteikumu, un dažreiz jūsu imports radīs kļūdu, jo tā ierobežojums, piemēram, nav @ rules atbalsts. Arī pats redaktors nav tik elastīgs, kā jūs varat izvēlēties tikai "Auto" vai "Inerit" z-indeksa īpašumam, bet ne tieši piešķirt īpašumam vērtību.

    Tomēr tas ir bezmaksas un diezgan ērts dizainerim, kam nepieciešams ātrs labojums.

    Bonuss: vairāk redaktoru un rīku

    Lai gan tie nav tieši CSS redaktori, šie turpmāk minētie rīki ir kaut kas, ko jūs varētu vēlēties, lai rediģētu CSS.

    Firebug

    Vispopulārākais un spēcīgākais tīmekļa izstrādes rīks, kas pārbauda HTML, modificē CSS stilu un redz reāllaikā veiktās izmaiņas, ir pieejams kā Firefox tīmekļa pārlūkprogrammas spraudnis.

    CSS lietošana

    Firebug paplašinājums, kas ļauj jums skenēt vairākas vietnes lapas, lai redzētu, kuri CSS noteikumi tiek izmantoti jūsu vietnē.

    Web izstrādātājs

    Firefox paplašinājums, lai jūs varētu izdarīt daudzas atdzistas lietas, piemēram, apskatīt CSS avotus vai atspējot noteiktu CSS stilu lapu izstrādei vai izstrādei.

    Notepad++

    Bezmaksas pirmkodu redaktors un Notepad nomaiņa, kas atbalsta vairākas valodas, ieskaitot CSS. Satur tādas funkcijas kā Funkciju pabeigšana, lai palīdzētu veidot savu CSS dizainu.

    Coda

    Uzlabots teksta redaktors ar iebūvētu CSS redaktoru, kas nodrošina divus CSS rediģēšanas režīmus, lai padarītu elastīgāku projektēšanas pieredzi, un var redzēt tūlīt pēc izmaiņām..

    NetBeans IDE

    Atvērtā koda un profesionāla integrētās attīstības vide ar vispusīgāko CSS atsauci tās kodu pabeigšanas funkcijā.

    Aptana Studio

    Pilnīga tīmekļa izstrādes vide, kas apvieno spēcīgus HTML, CSS un JavaScript autorēšanas rīkus, pašlaik atbalsta līdz pat HTML5 un CSS3.

    WebStorm

    JetBrain IDE, kas īsteno atbilstošu automātisko pabeigšanu visam, ieskaitot CSS, arī jūs varat saņemt paziņojumu par CSS problēmām lidojumā.