Domača » Toolkit » 11 Najboljših urednikov CSS - pregledanih

    11 Najboljših urednikov CSS - pregledanih

    1. Stilizator

    Kompatibilnost: WindowsPomembna značilnost: Koda Grid, Velikost Grip, Bullseye, Dvokliknite Barvanje

    Stylizer je popolnoma edinstven CSS urejevalnik, ki se osredotoča na urejanje CSS v realnem času. V svoj vgrajeni brskalnik, ki podpira definicijo sloga Firefox 3.5 in IE7, lahko preprosto vnesete spletni naslov in vsa povezana pravila CSS naložijo, da jih uredite z znanim vmesnikom s kazalcem in klikom.

    Urednik prihaja z a Mreža kode funkcija, ki omogoča urejanje CSS bolj priročno, saj si lahko rezultat ogledate takoj, ko ste spremenili vrednost. Tudi z njegovo diagnostiko Bullseye element, si lahko ogledate povezane elemente na določenem delu spletnega mesta in ga uredite s točkami in kliki. Druge funkcije, kot so Velikosti prijemala omogoča vizualno prilagajanje položaja elementa CSS in Dvokliknite Barvanje funkciji, ki ste jo izbrali kot barvni izbirnik v Photoshopu, da izberete katero koli barvo za, recimo, vašo pisavo spletnega mesta. Oh, sem omenil, da so vse te spremembe v realnem času, takoj viden rezultat?

    S Stilizator zgolj napake CSS je nemogoče napisati, ker bi vas omejevalo, da vnesete katero koli vrednost, ki ni združljiva z ustrezno lastnostjo CSS. Vendar pa programska oprema včasih ne bi mogla naložiti določene datoteke CSS zaradi nepojasnjene kritične napake.

    Stilizator prihaja z različico Basic in Ultimate. Medtem ko je različica Basic popolnoma brezplačna, je različica Ultimate na voljo 14 dni po namestitvi, nato pa ponuja 85 $, da lahko še naprej uporabljate njene napredne funkcije, kot je Bullseye.

    2. TopStyle

    Kompatibilnost: WindowsPomembna značilnost: Stilski inšpektor, Sweeper, CSS Tidy

    Urejevalnik TopStyle CSS vas začenja presenetiti s prvo konfiguracijo, ko lahko izberete definicijo sloga, ki prikazuje samo lastnosti in vrednosti, ki jih podpirajo Firefox, Internet Explorer, Safari ali celo iPhone OS 2.0, kar je praktično uporabno za več platforme oblikovalec spletnih strani.

    Med vsemi funkcijami, ki sem jih našel Inšpektor slog je še posebej uporaben, saj deluje kot plošča, ki vam omogoča vključitev vseh lastnosti CSS s preprostim vmesnikom point-and-click. Ko končate z izbiranjem vseh lastnosti CSS, ki jih želite, se bo izvorna koda samodejno ustvarila, da boste prihranili čas pred ponavljajočim se in napornim kodiranjem..

    Še ena dobra stvar TopStyle je prikazana združljivost brskalnika pod njegovim inšpektorjem, ki ga lahko vidite bodisi v lastnostih CSS, ki so v celoti podprte v določeni različici spletnega brskalnika, kot je Internet Explorer 7, ali pa je strašno napačen.

    Urejevalnik je preizkusna različica z omejeno funkcijo in njen potencial lahko odklenete z 79,95 $.

    3. Style Master

    Kompatibilnost: Windows, Mac OS XPomembna značilnost: Predloga za sloge

    Priznaval se je, da je mojster, Style Master pa je zelo dobro ustvaril okolje za urejanje CSS za katero koli stopnjo strokovnosti. Programska oprema ne zagotavlja le urejevalnika WYSIWYG, ki gladi delovni proces za začetnike CSS, temveč vam omogoča tudi dostop do zelo podrobnih informacij o vsaki lastnosti CSS-ja, ki jih strokovnjak napoti. Lastnosti CSS lahko brskate in izberete po kategorijah ali po abecednem vrstnem redu.

    Morda je najbolj edinstvena točka, da urejevalnik vsebuje skoraj 20 uporabnih predlog za sloge, s katerimi lahko začnete, in ni presenetljivo, da ima mojster slog zelo čista, dobro urejena in strokovna pravila CSS, definirana v vgrajeni predlogi..

    V popolni programski opremi lahko uživate 30 dni in plačate 59,99 USD ali 29,99 $ za licenco za izobraževanje, da znova odprete svoj polni potencial..

    4. Xyle Scope

    Kompatibilnost: MacPomembna značilnost: Izbirni način, pametna skupina, integracija urejevalnika besedila

    Xyle Scope je a mora imeti brezplačen urejevalnik CSS za Mac, saj je resnično profesionalen urejevalnik CSS, ki vam omogoča brskanje po spletni strani, medtem ko natančno nastavljate svoj CSS neposredno v urejevalniku.

    Xylejev brskalnik prihaja z običajnim načinom brskanja in načinom izbire, ki je podoben kot vtičnik za Firefox, Firebug, ki omogoča pregledovanje in urejanje vira CSS, razen da vam urejevalnik omogoča shranjevanje spremenjenih vrednosti CSS na prvotni lokaciji.

    Uporabljati 'Smart Group", lahko filtrirate vsa pravila, ki vplivajo na to, kako so povezave prikazane ali tiste, ki so odgovorne za postavitev, lahko celo omejite rezultat s svojo vgrajeno funkcijo iskanja, ne več metode poskusov in napak.!

    Xyle Scope nudijo tudi integracijo z zunanjimi urejevalniki besedila, kot je BBEdit, za bolj priročno in varčno kodirno delo, naredite le spremembo in urejevalnik besedila ali Xyle Scope bo samodejno posodobil vse spremembe..

    5. Hitri CSS

    Kompatibilnost: WindowsPomembna značilnost: Sintaksa označevanja, dokončanje kode, oblikovanje CSS

    Rapid CSS je način za bolj udobno, priročno in kompleksno urejanje CSS. Ima lasten popolnoma prilagodljiv urejevalnik besedila z uporabnimi funkcijami, kot je poudarjanje skladnje, dokončanje kode in vgrajena referenca CSS za neboleče doživljanje kodiranja..

    Skrbite za čistočo CSS-ja, lahko oblikujete svojo CSS-tabelo, kot jih preuredite s tipom CSS ali ustvarite skrajšane lastnosti, da bo slogovna oblika izgledala bolj udobno in sladko. Vgrajeni validator kode prav tako zagotavlja, da vaš slog ni samo čist, ampak veljaven.

    Urednik prihaja s 30-dnevnim ocenjevalnim obdobjem s 30 uporabami, za polno različico pa lahko pridete po $ 29.85.

    6. Style Studio

    Kompatibilnost: WindowsPomembna značilnost: Čarovnik za CSS, IntelliStyle

    Glavna lepota programa Style Studio je v njegovi funkciji CSS Wizard, ki zagotavlja takojšen učinek CSS z nekaj točkami in kliki.

    Na primer, lahko izberete čarovnika za pisave, nato izberete družino pisav in nastavite velikost pisave za to, nato slog pisave, težo, različico… in razcvet! Pravila se vstavijo v slogovno tabelo kot popolnoma potrjena koda CSS.

    Funkcija čarovnika vključuje tudi barvo, obrobo, besedilo, pozicioniranje, klasifikacijo in nazadnje pravila za filtriranje, le skoraj vse, kar lahko pomislite na CSS. Ti čarovniki so zelo koristni, saj vam ni treba večkrat tipkati, da bi dosegli določen zapleten učinek CSS. Še ena plemenita značilnost je IntelliStyle, ki deluje kot zaključevanje kode, da lahko izberete določene lastnosti CSS za vaš načrtovalni namen.

    Slaba stran tega urejevalnika bi bila zastarela podpora za opredelitev slogov brskalnika, saj podpira samo do IE6 in, no, brez Firefoxa.

    Imate 30 dni za uživanje v programski opremi in 49,99 $ za nakup.

    7. CSSEdit

    Kompatibilnost: MacPomembna značilnost: X-ray inšpektor, Visual Editor, Selector Builder

    Oblikujte lepe, inovativne in hitro naložljive spletne strani s čudovito, inovativno in hitro aplikacijo, ki je CSSEdit by MacRabbit. Od funkcij, kot je Selector Builder do inteligentnega izvornega okolja, je CSSEdit zasnovan za vsako raven strokovnosti.

    Z zelo uglajenim urejevalnikom, kot je ta, se od vas pričakuje, da boste v realnem času prikazali spremembe v slogovni različici CSS, ne da bi utrudili akcijo osveževanja. X-ray inšpektor je prav tako ustvarjen kot funkcija za diagnosticiranje CSS kode iz določenega dela mesta.

    Inovativni del programa CSSEdit je verjetno njegova Builder Selector ki vam omogoča, da opišete svoj stil CSS z navadno angleščino, ne veliko zanimanja za strokovnjaka, ampak uporabno za absolutnega začetnika.

    Demo verzija omejuje, da shranite datoteko z manj kot 2500 znaki, medtem ko lahko za brisanje vseh omejitev plačate $ 39.95.

    8. EngInSite CSS Editor

    Kompatibilnost: WindowsPomembna značilnost: Orodje za merjenje v načinu predogleda

    Če ste resen oblikovalec, ki skrbi za pravilno specifikacijo CSS, mora biti pravilna umestitev CSS ali slogovna različica CSS v celoti potrjena, nato pa je lahko urejevalnik CSS EngInSite vaš najljubši urejevalnik.

    V tem urejevalniku lahko s pomočjo vgrajenega inšpektorja dodate razred, ID in izbirnik elementov, prav tako pa lahko pretvorite barvo v Hex ali RGB vrednost, kar je zelo redka funkcija za urejevalnik CSS. Rezultate si lahko ogledate v predogledni plošči z merilnimi orodji, da zagotovite, da je vsak vaš oblikovni element na pravem mestu.

    Urednik tudi prihaja s kodo zaključek, vendar je malo buggy, zato bi rekel, da je pol kodo zaključek. V nasprotnem primeru lahko uporabite celoten urejevalnik, razen dejstva, da je urejevalnik precej zastarel glede podpore stilu brskalnika, saj podpira le do definicije sloga IE6..

    9. Izdelovalec slogov

    Kompatibilnost: WindowsPomembna značilnost: Oznake CSS

    Izdelovalec slogov je še en standardni CSS urejevalnik, ki ponuja čisto kodirno površino s plošče raziskovalca datotek in nekatera uporabna orodja CSS za pomoč pri nastavljanju pisave, barve, roba, obrobe itd..

    V primerjavi z več urejevalniki CSS Rapid CSS ali Style Studio, Izdelovalec ima manj funkcij, vendar zelo čist vmesnik, in to je dobro za nekatere začetnike, ki ne želijo, da bi stvari zapletene, ali CSS ninja, ki želi vse minimalno in udobno.

    Čeprav je ta urejevalnik namenjen vmesnemu uporabniku, vam lahko njegova funkcija za oznake CSS pomaga preprosto ustvariti pravilo CSS z oznakami s kliki.

    Stane 34 $ za lastnik tega urejevalnika, ali pa ga lahko kupite z drugo programsko opremo CoffeeCup kot paket nakupa.

    10. Arduo CSS

    Kompatibilnost: WindowsPomembna značilnost: Vozlišče, CSSTidy

    Arduo CSS je nov rojeni CSS urejevalnik, ki vam želi pomagati z intuitivnim in enostavnim vmesnikom. S svojim čistim vmesnikom in poudarjanjem skladenj boste zagotovo ustvarili in uredili datoteko CSS brez prevelikih težav in prekinitev. Prav tako lahko uporabite njeno funkcijo "Vozlišče" za definiranje pravil CSS po točkah in klikih.

    Za tiste, ki menijo, da je vaš slog preveč težek, vam bo orodje CSSTidy iz urejevalnika pomagalo pri optimizaciji sloga in izbrisanju nepotrebne kode..

    Urednik je prosto dostopen na uradni strani.

    11. Preprost CSS

    Kompatibilnost: Windows, Mac OS XPomembna značilnost: Uvoz datoteke CSS, vmesnik Point-and-click, dodatna zbirka pisav

    Tako kot njegovo ime ima Simple CSS vse, kar potrebuje oblikovalec za preprosto urejanje CSS. Datoteko CSS lahko uvozite v urejevalnik in jo spremenite z nekaj kliki, preverite rezultat v svoji plošči za predogled in takoj odstranite izvorno kodo..

    Čeprav lahko v urejevalnik uvozite skoraj vsako datoteko CSS, lahko pregledate samo eno pravilo CSS naenkrat s klikom, včasih pa bi uvoz povzročil napako zaradi omejitve, kot je podpora @rules. Tudi sam urejevalnik ni tako prilagodljiv, kot da lahko izberete samo »Auto« ali »Inherit« za lastnost z-indexa, ne pa da lastnost neposredno vrednost.

    Kljub temu je brezplačna in zelo priročna za oblikovalca, ki potrebuje hitro rešitev.

    Bonus: Več urednikov in orodij

    Čeprav niso ravno CSS uredniki, so ta naslednja orodja nekaj, kar boste morda želeli imeti, ko gre za urejanje CSS.

    Firebug

    Najbolj priljubljeno in zmogljivo orodje za razvoj spletnih strani, ki pregleduje HTML, spreminja slog CSS in vidi spremembe v realnem času, na voljo kot vtičnik za spletni brskalnik Firefox.

    Uporaba CSS

    Razširitev za Firebug, ki vam omogoča skeniranje več strani vašega spletnega mesta, da vidite, katera pravila CSS se dejansko uporabljajo na vašem spletnem mestu.

    Spletni razvijalec

    Razširitev Firefoxa, ki vam omogoča, da naredite veliko kul stvari, kot so pogledi na vire CSS ali onemogočite določene sloge CSS za uporabo pri oblikovanju ali razvoju.

    Beležnica++

    Brezplačen urejevalnik izvorne kode in zamenjava beležke, ki podpira več jezikov, vključno s CSS. Vsebuje funkcije, kot je dokončanje funkcije, ki pomaga pri oblikovanju CSS-ja.

    Coda

    Napredni urejevalnik besedila z vgrajenim urejevalnikom CSS, ki ponuja dva načina urejanja CSS za bolj prilagodljivo oblikovanje, ki lahko takoj prikaže rezultat po spremembah.

    NetBeans IDE

    Odprtokodno in profesionalno integrirano razvojno okolje z najbolj popolno referenco CSS v funkciji za dokončanje kode.

    Studio Aptana

    Celotno spletno razvojno okolje, ki združuje zmogljiva orodja za avtoring za HTML, CSS in JavaScript, trenutno podpira do HTML5 in CSS3.

    WebStorm

    IDE programa JetBrain, ki za vse, vključno s CSS, izvede ustrezno avtomatsko dokončanje, lahko prav tako dobite obvestilo o težavah CSS.