11 Top CSS Editors - Anmeldt
1. Stylizer
Kompatibilitet: vinduerBemærkelsesværdig egenskab: Kode Gitter, Size Grips, Bullseye, To-klik Farve
Stylizer er et helt unikt CSS editor, der fokuserer på real-time CSS redigering. Du kan bare indtaste en webadresse i den indbyggede browser, der understøtter Firefox 3.5 og IE7s stildefinition, og det ville have alle relaterede CSS-regler indlæst for dig at redigere med sin velkendte point-and-click-grænseflade.
Redaktøren kommer med a Kode Gitter funktion, der gør din CSS-redigering mere praktisk, da du kan se resultatet umiddelbart efter at du har ændret en værdi. Også med dens diagnostiske Bullseye funktion, kan du se tilknyttede elementer på visse dele af webstedet og redigere det med point og klik. Andre funktioner som Størrelse Grips giver dig mulighed for visuelt at justere placeringen af et CSS element, og med To-klik farvning funktion du får en Photoshop-lignende farvevælger til at vælge en farve til, lad os sige, dit websted skrift. Åh, nævner jeg, at alle disse redigeringer er udført i realtid, umiddelbart synligt resultat?
Med Stylizer det er kun umuligt at lave en CSS fejl, da det ville begrænse dig til at sætte en værdi, der ikke er kompatibel med den tilsvarende CSS ejendom. Men softwaren ville undlade at indlæse visse CSS-filer nogle gange på grund af sin uforklarlige kritiske fejl.
Stylizer leveres med Basic og Ultimate version. Mens Basic-versionen er helt fri, er den ultimative version tilgængelig for dig i 14 dage efter installationen, og den tilbyder $ 85 for at du kan fortsætte med at bruge sine avancerede funktioner som Bullseye.
2. TopStyle
Kompatibilitet: vinduerBemærkelsesværdig egenskab: Style Inspector, Style Sweeper, CSS Tidy
TopStyle CSS editor begynder at forbløffe dig ved sin første konfiguration, når du kan vælge en stildefinition, der kun viser egenskaber og værdier, der understøttes af enten Firefox, Internet Explorer, Safari eller endda iPhone OS 2.0, hvilket er praktisk anvendeligt til cross platform webdesigner.
Blandt alle funktioner jeg fandt Style Inspector er særlig nyttig, da det fungerer som et panel, så du kan inkludere enhver CSS-egenskab med et simpelt punkt-og-klik-interface. Når du er færdig med at vælge alle CSS-egenskaber, du ønsker, vil kildekoden automatisk blive genereret for at du kan spare din tid fra gentagne og trættende kodning.
En anden god ting om TopStyle er det vist browser kompatibilitet under sin stil inspektør, som du kan se enten CSS egenskaben er fuldt understøttet af visse version af webbrowser som Internet Explorer 7, eller det er frygteligt buggy.
Redaktøren kommer som en prøveversion med begrænset funktion, og du kan låse op for sit fulde potentiale med $ 79,95.
3. Style Master
Kompatibilitet: Windows, Mac OS XBemærkelsesværdig egenskab: Stilark skabelon
Hævdede sig som mester, stilmester gjorde det godt at skabe et CSS-redigeringsmiljø for ethvert niveau af ekspertise. Softwaren leverer ikke kun WYSIWYG-editor, der letter arbejdsflowet til CSS-begynder, men giver dig også adgang til de meget detaljerede oplysninger om hver CSS-ejendom, som ekspert skal henvise til. Du kan gennemse og vælge CSS-egenskaber ved enten kategori eller alfabetisk rækkefølge.
Måske er det mest unikke punkt, at redaktøren selv indeholder næsten 20 nyttige stilarkmaler, som du kan starte med, og ikke overraskende for en stilmester at have meget rene, velindrettede og professionelle CSS-regler defineret i sin indbyggede skabelon.
Du kan nyde den komplette software i 30 dage og betale enten $ 59,99 eller $ 29,99 for uddannelseslicens for at åbne sit fulde potentiale igen.
4. Xyle Scope
Kompatibilitet: MacBemærkelsesværdig egenskab: Valgmulighed, Smartgruppe, Tekstredigeringsintegration
Xyle Omfang er a skal-have gratis CSS editor til Mac, da det er en virkelig professionel CSS editor, der giver dig mulighed for at surfe på hjemmesiden, mens du finjusterer sin CSS direkte inde i editoren.
Xyles browser leveres med normal browser-tilstand og valgmodus, som virker ret lignende som Firefox-plugin, Firebug, der giver CSS-kildevisning og redigering, bortset fra at editoren tillader dig at gemme ændrede CSS-værdier i deres oprindelige placering.
Bruger 'Smart gruppe'funktionen, du er i stand til at filtrere alle regler, der påvirker måden, hvorpå der vises links eller de ansvarlige for layoutet. Du kan endda indsnævre resultatet med den indbyggede søgefunktion, ikke mere prøve-og-fejlmetode!
Xyle Scope tilbyde også integration med eksterne tekst redaktører som BBEdit til mere bekvemt og energibesparende kodning arbejde, bare gør en ændring, og enten tekstredigereren eller Xyle Scope ville opdatere alle ændringer automatisk for dig.
5. Hurtig CSS
Kompatibilitet: vinduerBemærkelsesværdig egenskab: Syntax-højttaler, kodeudfyldning, CSS-formatering
Rapid CSS er vejen for mere behagelig, bekvem og kompleks CSS redigering. Den har sin egen fuldt tilpassede teksteditor med nyttige funktioner som syntax fremhævning, kode færdiggørelse og indbygget CSS reference for smertefri kodning oplevelse.
Vedligeholdelse af din CSS 'renlighed kan du formatere dit CSS stilark, ligesom omarrangere dem efter CSS-typen eller oprette stenografiegenskaber for at gøre stilarket mere komfortabelt og sødt. Den indbyggede kodevaliderer sikrer også, at dit stylesheet ikke kun er rent, men også gyldigt.
Redaktøren kommer med 30 dages evalueringsperiode med 30 anvendelser, du kan gå til fuld version med $ 29,85.
6. Style Studio
Kompatibilitet: vinduerBemærkelsesværdig egenskab: CSS Wizard, IntelliStyle
Style Studio's primære skønhed ligger i CSS Wizard-funktionen, som arbejder for at give dig øjeblikkelig CSS-effekt med få punkter og klik.
Du kan f.eks. Vælge en skrifttypestift, vælge en skrifttypefamilie og angive en skrifttypestørrelse for den, så skrifttypestil, vægt, variant ... og boom! Regler indsættes i stilarket som en fuldt valideret CSS-kode.
Guiden indeholder også farve, grænse, tekst, positionering, klassificering og endelig filterregler, bare næsten alt hvad du kan tænke på CSS. Disse guider er ret nyttige, da du ikke behøver at skrive gentagne gange for at opnå en vis kompliceret CSS-effekt. En anden ædle funktion er IntelliStyle, som fungerer som kodeafslutning for at vælge bestemte CSS-egenskaber til dit designformål.
Ulempen ved denne editor ville være sin forældede browser stil definition support, da det kun understøtter op til IE6 og, nej, ingen Firefox.
Du får 30 dage til at nyde softwaren og $ 49,99 for at købe den.
7. CSSEdit
Kompatibilitet: MacBemærkelsesværdig egenskab: Røntgeninspektør, Visual Editor, Selector Builder
Design smukke, innovative og hurtigbelastende websteder med en smuk, innovativ og hurtig app, der er CSSEdit by MacRabbit. Fra funktioner som Selector Builder indtil intelligent kilde miljø, er CSSEdit designet til ethvert niveau af ekspertise.
Med den meget polerede editor som denne forventes det at se, at ændringer i dit CSS stilark vises i realtid uden trættende upload-refresh-handling. Røntgeninspektør er også oprettet som en funktion til at diagnosticere CSS-kode fra en specifik del af webstedet.
Den innovative del af CSSEdit er sandsynligvis dens Selector Builder som lader dig beskrive din CSS-stil med almindelig engelsk, ikke meget interesse for en ekspert, men nyttig til absolut nybegynder.
Demo-version begrænser dig til at gemme fil med færre end 2500 tegn, mens du kan betale $ 39,95 for at udslette alle begrænsninger.
8. EngInSite CSS Editor
Kompatibilitet: vinduerBemærkelsesværdig egenskab: Måleværktøj i Preview Mode
Hvis du er en seriøs designer, der bekymrer sig om korrekt CSS-specifikation, skal rigtig CSS-placering eller dit CSS-stilark være fuldt valideret, så EngInSite CSS editor kan være din yndlingsredaktør.
I denne editor kan du tilføje klasse-, id- og elementvælger ved hjælp af den indbyggede inspektør. Du kan også konvertere farven til enten Hex eller RGB-værdi, hvilket er en meget sjælden funktion for en CSS editor. Du kan observere dit resultat i preview-panelet med måleværktøjer for at sikre, at alle dine designelementer er i den rigtige position.
Redaktøren kommer også med kode færdiggørelse, men det er lidt buggy, så jeg vil sige det er semi-kode færdiggørelse. Ellers er hele editoren rar at bruge, bortset fra selve faktum, at editoren er ret forældet i form af browserens stil defnition support, da den kun understøtter op til IE6s stildefinition.
9. Stylesheet Maker
Kompatibilitet: vinduerBemærkelsesværdig egenskab: CSS Tags
Stylesheet Maker er endnu en standard CSS editor, der tilbyder en ren kodende overflade med fil explorer panel og nogle nyttige CSS værktøjer til at hjælpe med at indstille skrifttype, farve, margin, grænse osv..
Sammenlignet med flere CSS redaktører som Hurtig CSS eller Style Studio, Maker har mindre funktion endnu meget ren grænseflade, og dette er godt for visse nybegyndere, der ikke ønsker at få tingene kompliceret, eller CSS ninja, der vil have alt minimalt og behageligt.
Selvom denne editor er designet til mellemliggende brugere, kan CSS Tags-funktionen hjælpe dig med at oprette en CSS-regel med tags ved at klikke.
Det koster $ 34 at eje denne editor, eller du kan købe den med andre CoffeeCup-software som et bundt køb.
10. Arduo CSS
Kompatibilitet: vinduerBemærkelsesværdig egenskab: Node, CSSTidy
Arduo CSS er en nyfødt CSS editor, der har til formål at behage dig med sin intuitive og brugervenlige grænseflade. Med sin rene grænseflade og syntaxbelysning er du garanteret at oprette og redigere en CSS-fil uden for mange problemer og afbrydelser. Du kan også bruge sin 'Node'-funktion til at definere CSS-regler efter punkter og klik.
For dem, der føler dit stylesheet er alt for tungt, kan CSSTidy-værktøjet fra editoren hjælpe dig med at optimere stilarket og slette al unødvendig kode.
Redaktøren er frit tilgængelig på sit officielle websted.
11. Simple CSS
Kompatibilitet: Windows, Mac OS XBemærkelsesværdig egenskab: CSS fil import, Punkt-og-klik-grænseflade, Yderligere skrifttype database
Ligesom sit navn har Simple CSS alt, hvad en designer har brug for til enkel CSS redigering. Du kan importere en CSS-fil til editoren og ændre den med få klik, tjek resultatet i dens forhåndsvisningspanel og tag straks kildekoden ud.
Selvom du kan importere næsten alle CSS-filer til editoren, kan du kun se 1 CSS-regel på én gang med et klik, og nogle gange vil din import forårsage fejl på grund af begrænsningen som ingen support til @rules. Også redaktøren selv er ikke så fleksibel, som du kun kan vælge 'Auto' eller 'Arve' for z-indeksegenskab, men ikke direkte give ejendommen en værdi.
Ikke desto mindre er det gratis og ret praktisk til designeren, der har brug for en hurtig løsning.
Bonus: Flere redaktører og værktøjer
Mens de ikke er præcis CSS-redaktører, er disse følgende værktøjer noget, du måske vil have, når det kommer til redigering af CSS.
Firebug
Det mest populære og kraftfulde webudviklingsværktøj, der inspicerer HTML, ændrer CSS-stil og ser ændringerne i realtid, tilgængelig som et plugin til Firefox webbrowser.
CSS brug
En udvidelse til Firebug, som giver dig mulighed for at scanne flere sider på dit websted for at se, hvilke CSS-regler der faktisk bruges på dit websted.
Web-udvikler
En Firefox-udvidelse til at gøre mange flotte ting som at se CSS-kilder eller deaktivere visse CSS-stilark til brug for design eller udvikling..
notepad++
En gratis kildekode editor og Notepad erstatning, der understøtter flere sprog, herunder CSS. Indeholder funktioner som funktionskompletion for at hjælpe med at opbygge dit CSS-design.
Coda
En avanceret tekstredigerer med indbygget CSS editor, der giver dig to CSS redigeringsfunktioner til mere fleksibel designoplevelse, der kan se resultatet øjeblikkeligt efter ændringer foretaget.
NetBeans IDE
Et open source og professionelt integreret udviklingsmiljø med den mest komplette CSS-reference i dens kode færdiggørelse funktion.
Aptana Studio
Et komplet webudviklingsmiljø, der kombinerer kraftfulde redigeringsværktøjer til HTML, CSS og JavaScript, understøtter for øjeblikket op til HTML5 og CSS3.
WebStorm
JetBrain's IDE, der implementerer relevant automatisk færdiggørelse for alt inklusive CSS, kan du også få besked om CSS-problemer i luften.
