11 Topp CSS Redaktörer - Recenserade

1. Stylizer

Kompatibilitet: WindowsAnmärkningsvärd funktion: Code Grid, Size Grips, Bullseye, tvåklick färgning

Stylizer är en helt unik CSS-editor som fokuserar på realtid CSS redigering. Du kan bara ange en webbadress i sin inbyggda webbläsare som stöder Firefox 3.5 och IE7s stildefinition, och det skulle ha alla relaterade CSS-regler laddade för dig att redigera med sitt kända gränssnitt för pek och klicka.

Redaktören kommer med a Kodnät funktion som gör din CSS-redigering bekvämare eftersom du kan se resultatet direkt efter att du har ändrat ett värde. Också med dess diagnostiska Prick funktion kan du visa associerade element på vissa delar av webbplatsen och redigera den med poäng och klick. Andra funktioner som Storleksgrepp kan du visuellt justera läget för ett CSS-element och med Tvåklick Färgning funktionen har du fått en Photoshop-liknande färgplockare för att välja vilken färg som helst, låt oss säga, din webbplatsstyp. Åh, nämnde jag att alla dessa ändringar görs i realtid, direkt synligt resultat?

Med Stylizer det är bara omöjligt att göra ett CSS-misstag eftersom det skulle begränsa dig att sätta något värde som inte är kompatibelt med motsvarande CSS-egendom. Emellertid skulle programvaran misslyckas med att ladda vissa CSS-filer ibland på grund av sitt oförklarliga kritiska fel.

Stylizer kommer med Basic och Ultimate versionen. Medan Basic-versionen är helt fri är Ultimate-versionen tillgänglig för dig 14 dagar efter installationen, så erbjuder den $ 85 för att du ska fortsätta använda sina avancerade funktioner som Bullseye.

2. TopStyle

Kompatibilitet: WindowsAnmärkningsvärd funktion: Style Inspector, Style Sweeper, CSS Tidy

TopStyle CSS-editor börjar förvåna dig med sin första konfiguration när du kan välja en stildefinition som bara visar egenskaper och värden som stöds av antingen Firefox, Internet Explorer, Safari eller till och med iPhone OS 2.0, vilket är praktiskt användbart för plattformen webbdesigner.

Bland alla funktioner jag hittade Style Inspector är särskilt användbar, eftersom det fungerar som en panel för att låta dig inkludera någon CSS-egenskap med ett enkelt pek-och-klicka-gränssnitt. När du har valt alla CSS-egenskaper du vill, kommer källkoden automatiskt att genereras för att du ska spara din tid från repeterande och tröttsam kodning.

En annan bra saker om Topp stil visar den webbläsarkompatibilitet under sin stil inspektör, som du kan se antingen CSS-egenskapen stöds fullt ut av en viss version av webbläsaren som Internet Explorer 7, eller det är fruktansvärt buggy.

Redaktören kommer som en provversion med begränsad funktion, och du kan låsa upp sin fulla potential med $ 79,95.

3. Style Master

Kompatibilitet: Windows, Mac OS XAnmärkningsvärd funktion: Formatmallar

Hävdade sig som mästare, gjorde Style Master ganska bra för att skapa en CSS-redigeringsmiljö för alla nivåer av expertis. Programvaran tillhandahåller inte bara WYSIWYG-redigerare som förenklar arbetsflödet för CSS-nybörjare, men ger dig också tillgång till mycket detaljerad information om varje CSS-egenskap för expert att hänvisa till. Du kan bläddra och välja CSS-egenskaper enligt endera kategorin eller alfabetisk ordning.

Kanske den mest unika punkten är att redaktören själv innehåller nästan 20 användbara stilarkmallar för dig att börja med och inte förvånande för en stilmästare att ha mycket rena, välanpassade och professionella CSS-regler definierade i sin inbyggda mall.

Du kan njuta av den fullt utrustade mjukvaran i 30 dagar och betala antingen $ 59,99 eller $ 29,99 för utbildningslicens för att öppna upp sin fulla potential igen.

4. Xyle Omfattning

Kompatibilitet: MacAnmärkningsvärd funktion: Urvalsläge, Smartgrupp, Textredigeringsintegration

Xyle Omfattning är a måste-ha fri CSS-editor för Mac, eftersom det är en riktigt professionell CSS-editor som låter dig surfa på webbplatsen medan du finjusterar sin CSS direkt i redigeraren.

Xyles webbläsare levereras med normalt webbläsarläge och valläge som fungerar ungefär som Firefox-plugin, Firebug som tillhandahåller CSS-källvisning och redigering, förutom att redigeraren låter dig spara ändrade CSS-värden i deras ursprungliga läge.

Använda 'Smart Group'-funktionen kan du filtrera bort alla regler som påverkar hur länkarna visas eller de som ansvarar för layouten, du kan till och med begränsa resultatet med den inbyggda sökfunktionen, inte mer test-och-felmetod!

Xyle Omfattning erbjuda även integration med externa textredigerare som BBEdit för mer bekvämt och energibesparande kodningsarbete, gör bara en förändring och antingen textredigeraren eller Xyle Scope skulle uppdatera alla ändringar automatiskt för dig.

5. Rapid CSS

Kompatibilitet: WindowsAnmärkningsvärd funktion: Syntax Highlighter, Code Completion, CSS-formatering

Rapid CSS är vägen för mer bekväm, bekväm och komplex CSS redigering. Den har en egen fullständigt anpassningsbar textredigerare med användbara funktioner som syntaxmarkering, kodfärdighet och inbyggd CSS-referens för smärtsam kodningserfarenhet.

Ta hand om din CSS 'renlighet, du kan formatera ditt CSS-stilark, som omarrangera dem enligt CSS-typ eller skapa stenegenskaper för att göra formatarket ser bekvämare ut och sötare. Den inbyggda kodvalideraren ser också till att ditt formatark inte bara är rent men giltigt.

Redaktören kommer med 30 dagar utvärderingsperiod med 30 användningsområden, du kan gå för full version med 29,85 dollar.

6. Style Studio

Kompatibilitet: WindowsAnmärkningsvärd funktion: CSS Wizard, IntelliStyle

Stilstudioets främsta skönhet ligger i CSS Wizard-funktionen, som arbetar för att ge dig omedelbar CSS-effekt med få punkter och klick.

Du kan till exempel välja en teckensnittsguiden, välj sedan en teckensnittsfamilj och ställa in en teckensnittsstorlek för den, sedan typsnitt, vikt, variant ... och boom! Regler läggs in i stilarket som en fullständig validerad CSS-kod.

Wizard-funktionen innehåller också färg, kant, text, positionering, klassificering och slutligen filterregler, bara nästan allt du kan tänka på CSS. Dessa guider är ganska användbara eftersom du inte behöver skriva flera gånger för att uppnå en viss komplicerad CSS-effekt. En annan ädel egenskap är IntelliStyle, som fungerar som kodkomplettering för att du ska välja vissa CSS-egenskaper för ditt designformål.

Nackdelen med den här redigeraren är dess föråldrade webbläsarens support för stildefinition, eftersom den bara stöder upp till IE6 och, nej, ingen Firefox.

Du får 30 dagar för att njuta av programvaran och $ 49,99 för att köpa den.

7. CSSEdit

Kompatibilitet: MacAnmärkningsvärd funktion: Röntgeninspektör, Visual Editor, Selector Builder

Designa vackra, innovativa och snabblastande webbplatser med en vacker, innovativ och snabb app, det är CSSEdit by MacRabbit. Från funktioner som Selector Builder till intelligent källmiljö är CSSEdit utformad för alla nivåer av expertis.

Med den högpolerade redigeraren så här förväntas du se att ändringar i ditt CSS-stilark visas i realtid utan tröttsam uppladdningsåtgärd. Röntgeninspektör skapas också som en funktion för att diagnostisera CSS-kod från en specifik del av webbplatsen.

Den innovativa delen av CSSEdit är förmodligen dess Selector Builder som låter dig beskriva din CSS-stil med vanlig engelska, inte mycket intresse för en expert men användbart för absolut nybörjare.

Demoversionen begränsar dig för att spara fil med färre än 2500 tecken medan du kan betala $ 39,95 för att radera all begränsning.

8. EngInSite CSS Editor

Kompatibilitet: WindowsAnmärkningsvärd funktion: Mätverktyg i förhandsvisningsläge

Om du är en seriös designer som bryr sig om korrekt CSS-specifikation, rätt CSS-placering eller ditt CSS-stilark måste vara fullständigt validerade, då kan EngInSite CSS editor vara din favoritredigerare.

I den här redigeraren kan du lägga till klass-, id- och elementväljare med hjälp av den inbyggda inspektören. Du kan också konvertera färgen till antingen Hex eller RGB-värde, vilket är en mycket sällsynt funktion för en CSS-editor. Du kan observera ditt resultat i förhandsgranskningspanelen med mätverktyg för att se till att alla designelement är i rätt position.

Redaktören kommer också med koddefinition men det är lite buggy, så jag skulle säga att det är halvkodsavslutning. Annars är hela redigeringsprogrammet trevligt att använda, förutom det faktum att redaktören är ganska föråldrad i termen av webbläsarens support för stilskydd, eftersom det bara stöder upp till IE6s stildefinition.

9. Stylesheet Maker

Kompatibilitet: WindowsAnmärkningsvärd funktion: CSS-taggar

Stylesheet Maker är ännu en standard CSS-redigerare som erbjuder en ren kodningsyta med filutforskarepanel och några användbara CSS-verktyg för att hjälpa till med att ställa in teckensnitt, färg, marginal, kant osv..

Jämfört med flera CSS redaktörer som Rapid CSS eller Style Studio, Maker har mindre funktion men ändå mycket rent gränssnitt, och det här är bra för vissa nybörjare som inte vill få saker komplicerade eller CSS ninja som vill ha allt som är minimal och bekväm.

Även om den här redigeraren är avsedd för mellanliggande användare kan dess CSS-tagsfunktion hjälpa dig att helt enkelt skapa en CSS-regel med taggar med klick.

Det kostar $ 34 att äga denna redaktör, eller du kan köpa den med annan CoffeeCup-programvara som ett buntköp.

10. Arduo CSS

Kompatibilitet: WindowsAnmärkningsvärd funktion: Node, CSSTidy

Arduo CSS är en nyfödd CSS-editor som syftar till att behaga dig med sitt intuitiva och lättanvända gränssnitt. Med sin rena gränssnitt och syntaxmarkering är du garanterad att skapa och redigera en CSS-fil utan för mycket problem och avbrott. Du kan också använda sin "Node" -funktion för att definiera CSS-regler efter poäng och klick.

För dem som känner ditt stilark är alltför tunga, kan CSSTidy-verktyget från redigeraren hjälpa dig att optimera stilarket och radera all onödig kod.

Redaktören är fritt tillgänglig på sin officiella webbplats.

11. Enkel CSS

Kompatibilitet: Windows, Mac OS XAnmärkningsvärd funktion: CSS-filimport, Punkt-och-klicka-gränssnitt, Ytterligare teckensnittsdatabas

Precis som sitt namn, har Simple CSS allt som en designer behöver för enkel CSS-redigering. Du kan importera en CSS-fil till redigeraren och ändra den med några klick, kolla in resultatet i förhandsgranskningspanelen och ta ut källkoden direkt.

Även om du kan importera nästan alla CSS-filer till redigeraren kan du bara visa 1 CSS-regeln med ett klick, och ibland kan din import orsaka fel på grund av dess begränsning som inget stöd för @rules. Även redaktören själv är inte så flexibel som att du bara kan välja "Auto" eller "Inherit" för z-indexegenskap, men inte direkt ge egenskapen ett värde.

Ändå är det gratis och ganska praktiskt för designer som behöver en snabbkorrigering.

Bonus: Fler redaktörer och verktyg

Medan de inte exakt är CSS redaktörer, är dessa följande verktyg något du kanske vill ha när det gäller att redigera CSS.

Pyroman

Det mest populära och kraftfulla verktyget för webbutveckling som inspekterar HTML, ändrar CSS-stil och ser förändringar i realtid, tillgänglig som ett plugin för Firefox webbläsare.

CSS-användning

En förlängning för Firebug som låter dig skanna flera sidor på din webbplats för att se vilka CSS-regler som används på din webbplats.

Webbutvecklare

En Firefox-förlängning för att du ska göra många coola saker som att visa CSS-källor eller inaktivera vissa CSS-stilark för design eller utveckling..

Anteckningar++

En gratis källkodsredigerare och Notepad-ersättning som stöder flera språk, inklusive CSS. Innehåller funktioner som funktionskomplettering för att hjälpa till att bygga din CSS-design.

coda

En avancerad textredigerare med inbyggd CSS-editor som ger dig två CSS-redigeringslägen för mer flexibel utformning av upplevelse, kan se resultatet direkt efter ändringar.

NetBeans IDE

En öppen källkod och professionell integrerad utvecklingsmiljö med den mest kompletta CSS-referensen i dess kodfärdigningsfunktion.

Aptana Studio

En komplett webbutvecklingsmiljö som kombinerar kraftfulla författningsverktyg för HTML, CSS och JavaScript stöder för tillfället upp till HTML5 och CSS3.

WebStorm

JetBrain IDE som implementerar relevant automatisk färdigställande för allt inklusive CSS, du kan också få meddelande om CSS-problem i flygningen.