11 Topp CSS-redaktører - omtalt

1. Stylizer

kompatibilitet: WindowsBemerkelsesverdig funksjon: Kode Grid, Size Grips, Bullseye, To-klikk Coloring

Stylizer er et helt unikt CSS editor som fokuserer på real-time CSS redigering. Du kan bare skrive inn en webadresse i den innebygde nettleseren som støtter Firefox 3.5 og IE7s stildefinisjon, og det ville ha alle relaterte CSS-regler lastet for deg å redigere med sitt kjente punkt og klikk-grensesnitt.

Redaktøren kommer med a Kodenett funksjon som gjør CSS-redigering mer praktisk som du kan se resultatet umiddelbart etter at du har endret en verdi. Også med dens diagnostiske midt i blinken funksjon, kan du vise tilknyttede elementer på bestemte deler av nettstedet og redigere det med poeng og klikk. Andre funksjoner som Størrelsesgrep lar deg visuelt justere posisjonen til et CSS-element, og med To-klikk-farging funksjonen du får en Photoshop-lignende fargeplukker for å velge hvilken som helst farge for, la oss si, nettstedets skrift. Åh, nevnte jeg at alle disse endringene er gjort i sanntid, umiddelbart synlig resultat?

Med Stylizer det er bare umulig å lage en feil på CSS, da det ville begrense deg til å sette noen verdi som ikke er kompatibel med den tilsvarende CSS-egenskapen. Imidlertid vil programvaren mislykkes i å laste inn visse CSS-filer noen ganger, på grunn av sin uforklarlige kritiske feil.

Stylizer leveres med Basic og Ultimate versjon. Mens Basic versjonen er helt gratis, er Ultimate-versjonen tilgjengelig for deg i 14 dager etter installasjonen, og den tilbyr $ 85 for å fortsette å bruke sine avanserte funksjoner som Bullseye.

2. TopStyle

kompatibilitet: WindowsBemerkelsesverdig funksjon: Style Inspector, Style Sweeper, CSS Tidy

TopStyle CSS-editor begynner å forbløffe deg ved sin første konfigurasjon, når du kan velge en stildefinisjon som bare viser egenskaper og verdier som støttes av enten Firefox, Internet Explorer, Safari eller til og med iPhone OS 2.0, som er praktisk nyttig for kryssplattform webdesigner.

Blant alle funksjonene jeg fant Stil inspektør er spesielt nyttig, da det fungerer som et panel for å la deg inkludere en CSS-egenskap med et enkelt pek og klikk-grensesnitt. Når du er ferdig med å velge alle CSS-egenskapene du vil ha, vil kildekoden automatisk bli generert for å spare tid fra repeterende og anstrengende koding.

En annen god ting om TopStyle er det viser nettleserens kompatibilitet under stil inspeksjonen, som du kan se enten CSS-eiendommen er fullt støttet av en bestemt versjon av nettleseren som Internet Explorer 7, eller det er veldig trøtt.

Redaktøren kommer som en prøveversjon med begrenset funksjon, og du kan låse opp sitt fulle potensial med $ 79,95.

3. Style Master

kompatibilitet: Windows, Mac OS XBemerkelsesverdig funksjon: Stilarkmaler

Hevdet seg selv som en mester, stilmester gjorde det ganske bra å lage et CSS-redigeringsmiljø for ethvert nivå av ekspertise. Programvaren gir ikke bare WYSIWYG-editor som utjevner arbeidsflyten for CSS-nybegynnere, men gir deg også tilgang til den svært detaljert informasjonen om hver CSS-eiendom for ekspert å referere. Du kan bla gjennom og velge CSS-egenskaper etter hver kategori eller alfabetisk rekkefølge.

Kanskje det mest unike punktet er at redaktøren selv inneholder nesten 20 nyttige stilarkmaler for deg å begynne med, og ikke overraskende for en stilmester å ha veldig rent, godt ordnet og profesjonelt CSS-regler definert i sin innebygde mal.

Du kan nyte den fullverdige programvaren i 30 dager, og betale enten $ 59,99 eller $ 29,99 for utdanningstillatelse for å åpne opp sitt fulle potensial igjen.

4. Xyle Omfang

kompatibilitet: MacBemerkelsesverdig funksjon: Valgmodus, Smartgruppe, Tekstredigeringsintegrasjon

Xyle Omfang er a må-ha gratis CSS editor for Mac, som det er en virkelig profesjonell CSS editor som lar deg surfe på nettstedet mens finjustere sin CSS direkte inne i editoren.

Xyles nettleser kommer med normal nettlesermodus og valgmodus som fungerer ganske lik Firefox-plugin, Firebug som gir CSS-kildevisning og redigering, bortsett fra at redigereren lar deg lagre endrede CSS-verdier i deres opprinnelige posisjon.

Bruker 'Smart Group'-funksjonen, kan du filtrere ut alle regler som påvirker måten koblingene vises på eller de som er ansvarlige for utformingen. Du kan til og med begrense resultatet med den innebygde søkefunksjonen, ikke flere prøve-og-feilsøkingsmetode!

Xyle Omfang også tilby integrasjon med eksterne tekstredigerere som BBEdit for mer praktisk og energibesparende kodingsarbeid, bare gjør en endring, og enten tekstredigereren eller Xyle Scope vil oppdatere alle endringer automatisk for deg.

5. Rapid CSS

kompatibilitet: WindowsBemerkelsesverdig funksjon: Syntax Høyttaler, Kode Fullføring, CSS Formatering

Rapid CSS er veien for mer komfortabel, praktisk og kompleks CSS redigering. Den har sin egen fullt tilpassbare tekstredigerer med nyttige funksjoner som syntaksutheving, kodefylling og innebygd CSS-referanse for smertefri kodingserfaring..

Ta vare på CSS 'renslighet, du kan formatere CSS-stilarket, som omarrangere dem etter CSS-typen eller lage stenografiegenskaper for å gjøre stilarket mer komfortabelt og søtt. Den innebygde kodevalideringen sørger også for at stilarket ikke bare er rent, men gyldig.

Redaktøren kommer med 30 dager evalueringsperiode med 30 bruker, du kan gå for full versjon av $ 29.85.

6. Stil Studio

kompatibilitet: WindowsBemerkelsesverdig funksjon: CSS Wizard, IntelliStyle

Den største skjønnheten i Style Studio ligger i CSS Wizard-funksjonen, som fungerer for å gi deg umiddelbar CSS-effekt med få punkter og klikk.

For eksempel kan du velge en skriftveiviser, deretter velge en skriftfamilie og angi en skriftstørrelse for den, deretter skrifttypestil, vekt, variant ... og boom! Regler legges inn i stilarket som en fullstendig validert CSS-kode.

Wizard-funksjonen inkluderer også farge, kantlinje, tekst, posisjonering, klassifisering og til slutt filterregler, bare nesten alt du kan tenke på CSS. Disse veiviser er ganske nyttige, siden du ikke trenger å skrive flere ganger for å oppnå en viss komplisert CSS-effekt. En annen edel funksjon er IntelliStyle, som fungerer som kodeavslutning for å velge bestemte CSS-egenskaper for designformålet.

Ulempen av denne redaktøren vil være den utdaterte nettleserens stildefinisjonsstøtte, da den bare støtter opp til IE6 og, nei, ingen Firefox.

Du får 30 dager til å nyte programvaren og $ 49,99 for å kjøpe den.

7. CSSEdit

kompatibilitet: MacBemerkelsesverdig funksjon: Røntgeninspektør, Visual Editor, Selector Builder

Design vakre, innovative og raskt lastende nettsteder med en vakker, innovativ og rask app, som er CSSEdit by MacRabbit. Fra funksjoner som Selector Builder til intelligent kildemiljø, er CSSEdit designet for ethvert nivå av ekspertise.

Med den høypolerte redaktøren som dette, forventes det å se at endringer i CSS-stilarket dukker opp i sanntid, uten trettende opplastingshandling. Røntgeninspektøren er også opprettet som en funksjon for å diagnostisere CSS-koden fra en bestemt del av nettstedet.

Den innovative delen av CSSEdit er sannsynligvis dens Selector Builder som lar deg beskrive din CSS-stil med vanlig engelsk, ikke mye interesse for en ekspert, men nyttig for absolutt nybegynner.

Demo-versjonen begrenser deg for å lagre fil med færre enn 2500 tegn, mens du kan betale $ 39,95 for å slette alle begrensninger.

8. EngInSite CSS Editor

kompatibilitet: WindowsBemerkelsesverdig funksjon: Måleverktøy i Preview Mode

Hvis du er en seriøs designer som bryr seg om riktig CSS-spesifikasjon, riktig CSS-plassering, eller CSS-stilarket må være fullt validert, så kan EngInSite CSS editor være din favorittredaktør.

I denne editoren kan du legge til klasse-, id- og elementvelger ved hjelp av den innebygde inspektøren. Du kan også konvertere fargen til enten Hex eller RGB-verdi, noe som er en svært sjelden egenskap for en CSS-editor. Du kan observere resultatet i forhåndsvisningspanelet med måleverktøy for å sikre at hvert designelement er i riktig posisjon.

Redaktøren kommer også med kodeavslutning, men det er litt buggy, så jeg vil si at det er semi-kode-ferdigstillelse. Ellers er hele redigeringsprogrammet fint å bruke, bortsett fra det faktum at redaktøren er ganske utdatert i løpet av nettleserens stilbeskyttelsesstøtte, da den bare støtter opp til IE6s stildefinisjon.

9. Stylesheet Maker

kompatibilitet: WindowsBemerkelsesverdig funksjon: CSS-tagger

Stylesheet Maker er enda en standard CSS-editor som tilbyr en ren kodende overflate med filutforskerpanel, og noen nyttige CSS-verktøy som hjelper til med å angi skrifttype, farge, margin, kantlinje osv..

Sammenlignet med flere CSS redaktører som Rapid CSS eller Stil Studio, Maker har mindre funksjon, men veldig rent grensesnitt, og dette er bra for visse nybegynnere som ikke vil få ting komplisert, eller CSS ninja som vil ha alt som er minimal og behagelig.

Selv om denne redaktøren er designet for mellombrukere, kan CSS-tagsfunksjonen hjelpe deg med å opprette en CSS-regel med merker etter klikk.

Det koster $ 34 å eie denne redaktøren, eller du kan kjøpe den med annen CoffeeCup-programvare som et buntkjøp.

10. Arduo CSS

kompatibilitet: WindowsBemerkelsesverdig funksjon: Node, CSSTidy

Arduo CSS er en nyfødt CSS editor som tar sikte på å tilfredsstille deg med det intuitive og brukervennlige grensesnittet. Med det rene grensesnittet og syntaxutheving, er du garantert å lage og redigere en CSS-fil uten for mye problemer og avbrudd. Du kan også bruke sin "Node" -funksjon til å definere CSS-regler etter poeng og klikk.

For de som føler stilarket ditt er altfor tung, kan CSSTidy-verktøyet fra redigereren hjelpe deg med å optimalisere stilarket og slette all unødvendig kode.

Redaktøren er fritt tilgjengelig på sitt offisielle nettsted.

11. Enkel CSS

kompatibilitet: Windows, Mac OS XBemerkelsesverdig funksjon: CSS-filimport, Pek-og-klikk-grensesnitt, Ekstra skrifttype database

Akkurat som navnet har Simple CSS alt som en designer trenger for enkel CSS-redigering. Du kan importere en CSS-fil til redigereren og endre den med få klikk, sjekke resultatet i forhåndsvisningspanelet, og ta ut kildekoden med en gang.

Selv om du kan importere nesten alle CSS-filer til redigeringsprogrammet, kan du bare se 1 CSS-regel samtidig med et klikk, og noen ganger vil importen forårsake feil på grunn av begrensningen som ingen @rules-støtte. Også redaktøren selv er ikke så fleksibel som at du bare kan velge "Auto" eller "Arve" for z-indeksegenskap, men ikke direkte gi eiendommen en verdi.

Likevel er det gratis og ganske praktisk for designeren som trenger en rask løsning.

Bonus: Flere redaktører og verktøy

Selv om de ikke akkurat er CSS redaktører, er disse følgende verktøyene noe du kanskje vil ha når det gjelder redigering av CSS.

Firebug

Det mest populære og kraftfulle nettutviklingsverktøyet som inspiserer HTML, endrer CSS-stil og ser endringene i sanntid, tilgjengelig som et plugin for Firefox nettleser.

CSS bruk

En utvidelse for Firebug som lar deg skanne flere sider på nettstedet ditt for å se hvilke CSS-regler som faktisk brukes på nettstedet ditt.

Webutvikler

En Firefox-utvidelse for deg å gjøre mange kule ting som å vise CSS-kilder eller deaktivere visse CSS-stilark for design eller utviklingsbruk.

Notisblokk++

En gratis kildekoden editor og Notepad erstatning som støtter flere språk, inkludert CSS. Inneholder funksjoner som funksjonskomplettering for å bidra til å bygge CSS-design.

Coda

En avansert tekstredigerer med innebygd CSS editor som gir deg to CSS redigeringsmodus for mer fleksibel utforming av erfaring, i stand til å se resultatet umiddelbart etter endringer gjort.

NetBeans IDE

En åpen kildekode og profesjonelt integrert utviklingsmiljø med den mest komplette CSS-referansen i sin kodefyllingsfunksjon.

Aptana Studio

Et komplett webutviklingsmiljø som kombinerer kraftige forfatterverktøy for HTML, CSS og JavaScript, støtter for øyeblikket opptil HTML5 og CSS3.

WebStorm

JetBrain's IDE som implementerer relevant automatisk ferdigstillelse for alt inkludert CSS, du kan også få beskjed om CSS-problemer i fly.