Homepage » Toolkit » 11 Top CSS szerkesztő - áttekintett

    11 Top CSS szerkesztő - áttekintett

    1. Stylizer

    Kompatibilitás: ablakokNevezetes funkció: Kódrács, méretfogók, bikaviadal, két kattintásos színezés

    A Stylizer egy teljesen egyedülálló CSS-szerkesztő valós idejű CSS-szerkesztés. Csak beírhat egy webcímet a beépített böngészőbe, amely támogatja a Firefox 3.5 és az IE7 stílusmeghatározását, és az összes kapcsolódó CSS ​​szabály betöltésre kerül az ismerős pont-és-kattintás interfész segítségével.

    A szerkesztő a Kódrács A CSS-szerkesztés kényelmesebbé teszi a CSS-szerkesztést, mivel az értéket azonnal megváltoztathatja. A diagnosztikával is Bullseye funkció, megtekintheti a kapcsolódó elemeket a webhely bizonyos részén, és pontokkal és kattintásokkal szerkesztheti. Más funkciók, mint például Méretfogók lehetővé teszi, hogy vizuálisan állítsa be a CSS elem pozícióját és Két kattintásos színezés olyan funkciót kapott, amelyhez Photoshop-szerű színválasztó áll rendelkezésre, hogy kiválaszthasson bármilyen színt a webhely betűtípusához. Ó, megemlítettem, hogy mindezek a módosítások valós időben, azonnal megtekinthető eredményben készülnek?

    Val vel Stylizer CSS-t nem lehet hibázni, mivel korlátozza, hogy bármilyen értéket hozzon létre, amely nem kompatibilis a megfelelő CSS-tulajdonsággal. Ennek ellenére a szoftver nem képes bizonyos CSS-fájlokat betölteni, a megmagyarázhatatlan kritikus hibája miatt.

    Stylizer Basic és Ultimate verzióval rendelkezik. Míg az Basic verzió teljesen ingyenes, az Ultimate verzió 14 napon belül elérhető a telepítés után, majd 85 dollárt kínál Önnek, hogy tovább használhassa a fejlett funkcióit, mint például a Bullseye.

    2. TopStyle

    Kompatibilitás: ablakokNevezetes funkció: Stílusfigyelő, Stílusos seprőgép, CSS Tidy

    A TopStyle CSS szerkesztő elkezd elképeszteni az első alkalommal történő konfigurálást, amikor olyan stílusdefiníciót választhat, amely csak a Firefox, az Internet Explorer, a Safari vagy akár az iPhone OS 2.0 által támogatott tulajdonságokat és értékeket mutatja, ami gyakorlatilag hasznos a platformok számára web designer.

    Az összes olyan funkció közül, amit találtam Stílusfelügyelő különösen hasznos, mivel panelként szolgál, hogy bármely CSS-tulajdonságot egyszerű pont-és-kattintás interfészen keresztül foglaljon bele. Amikor befejezte a kívánt CSS tulajdonságok kiválasztását, a forráskód automatikusan generálódik, hogy időt takarítson meg az ismétlődő és fárasztó kódolásból..

    Egy másik jó dolog TopStyle megmutatja a böngésző kompatibilitását a stílusellenőrző alatt, amit a CSS tulajdonságok teljes egészében támogatnak a webböngésző bizonyos verziói, például az Internet Explorer 7, vagy rettenetesen hibás.

    A szerkesztő egy korlátozott funkciójú próbaverzió, és a teljes potenciálját 79,95 dollárral tudja kinyitni.

    3. Stílusmester

    Kompatibilitás: Windows, Mac OS XNevezetes funkció: Stíluslap sablon

    A Master Master a mesterképzés során eléggé jól sikerült, hogy létrehozzon egy CSS szerkesztési környezetet bármilyen szakértelem szintjére. A szoftver nemcsak a WYSIWYG-szerkesztőt biztosítja, amely megkönnyíti a CSS kezdő kezdő munkafolyamatát, hanem megadja az Ön számára a CSS-tulajdonságokkal kapcsolatos nagyon részletes információkhoz való hozzáférést. Böngészhet és választhat a CSS tulajdonságok közül bármelyik kategóriában vagy ábécé sorrendben.

    Talán a legegyedibb pont az, hogy maga a szerkesztő közel 20 hasznos stíluslap-sablont tartalmaz, és nem meglepő, hogy egy stílusmesternek nagyon tiszta, jól szervezett és professzionális CSS-szabályai vannak a beépített sablonjában.

    30 napig élvezheti a teljes funkcionalitású szoftvert, és 59,99 vagy 29,99 dollárt fizethet az oktatási engedélyért, hogy újra megnyissa a teljes potenciálját.

    4. Xyle hatókör

    Kompatibilitás: MacNevezetes funkció: Kiválasztási mód, intelligens csoport, szövegszerkesztő integráció

    Xyle Scope a ingyenes CSS-szerkesztő Mac számára, mivel ez egy igazán professzionális CSS-szerkesztő, amely lehetővé teszi, hogy weboldalt böngészhessen, miközben finomhangolja CSS-et közvetlenül a szerkesztőben.

    Xyle böngészője normál böngésző móddal és kiválasztási móddal rendelkezik, amely nagyon hasonlóan működik, mint a Firefox plugin, a Firebug, amely a CSS forrás megtekintését és szerkesztését teszi lehetővé, azzal a kivétellel, hogy a szerkesztő lehetővé teszi a módosított CSS értékek mentését eredeti helyükön.

    Használni a 'Smart csoport„funkció, akkor kiszűrheti az összes olyan szabályt, amely befolyásolja a linkek megjelenítésének módját, vagy azok, akik felelősek az elrendezésért, akkor is szűkítheti az eredményt a beépített keresési funkcióval, nem több próbaverzió-hiba módszerrel!

    Xyle hatókör a kényelmesebb és energiatakarékosabb kódolási munkákhoz olyan külső szövegszerkesztővel, mint a BBEdit, is integrálható, csak változtasson, vagy a szövegszerkesztő vagy a Xyle Scope automatikusan frissítse az összes változtatást.

    5. Gyors CSS

    Kompatibilitás: ablakokNevezetes funkció: Szintaxis kiemelő, Kód befejezése, CSS formázás

    A gyors CSS a kényelmesebb, kényelmesebb és összetettebb CSS-szerkesztés módja. Saját, teljesen testreszabható szövegszerkesztője, amely hasznos funkciókat kínál, mint például a szintaxis kiemelése, a kód befejezése és a beépített CSS referencia a fájdalommentes kódolási élményhez.

    A CSS tisztaságáról gondoskodva formázhatja a CSS stíluslapját, mint például a CSS típus szerinti átrendezést, vagy rövidített tulajdonságok létrehozását, hogy a stíluslap kényelmesebb és édesebb legyen. A beépített kód érvényesítő is biztosítja, hogy a stíluslap ne csak tiszta, hanem érvényes.

    A szerkesztő 30 napos értékelési periódussal rendelkezik 30 felhasználással, teljes verzióra 29,85 dollárral.

    6. Stílusstúdió

    Kompatibilitás: ablakokNevezetes funkció: CSS varázsló, IntelliStyle

    A Style Studio fő szépsége a CSS varázsló funkciójában helyezkedik el, amely azonnali CSS-effektust nyújt néhány ponttal és kattintással.

    Például kiválaszthat egy betűkészlet varázslót, majd kiválaszthatja a betűtípuscsaládot, és beállíthatja a betűtípus méretét, majd a betűstílust, a súlyt, a változatot… és a szórást! A szabályok a stíluslapba teljesen érvényesített CSS kódként kerülnek beillesztésre.

    A varázsló a színeket, a határokat, a szöveget, a pozicionálást, a besorolást és végül a szűrési szabályokat is magában foglalja, csaknem mindent, amit a CSS-re gondolhat. Ezek a varázslók elég hasznosak, mivel nem kell ismételten beírniuk bizonyos bonyolult CSS-effektusok eléréséhez. Egy másik nemes funkció az IntelliStyle, amely úgy működik, mint a kód befejezése, hogy kiválaszthassa bizonyos CSS tulajdonságait a tervezési célból.

    Ennek a szerkesztõnek a hátránya az elavult böngészõ stílus definíciós támogatása, mivel csak az IE6-ot és, nem, a Firefoxot támogatja..

    30 napot kap, hogy élvezze a szoftvert és 49,99 dollárt vásároljon.

    7. CSSEdit

    Kompatibilitás: MacNevezetes funkció: Röntgenfelügyelő, vizuális szerkesztő, Selector Builder

    Tervezzen szép, innovatív és gyorsan betöltő webhelyeket egy szép, innovatív és gyors alkalmazással, amely a CSSEdit által MacRabbit. Az olyan funkcióktól, mint a Selector Builder az intelligens forráskörnyezetig, a CSSEdit bármilyen szakértelemre készült.

    Ezzel a nagyon csiszolt szerkesztővel elvárható, hogy a CSS-stíluslapon megjelenő változások valós időben jelennek meg, fárasztó feltöltési-frissítési műveletek nélkül. A röntgenfelügyelőt a CSS kód diagnosztizálására is létrehozzák a webhely meghatározott részéből.

    A. \ T CSSEdit valószínűleg az Selector Builder amely lehetővé teszi, hogy a CSS-stílusát angolul írja le, és nem érdekel egy szakértő, hanem az abszolút kezdőnek.

    A demóverzió korlátozza a 2500-nál kevesebb karaktert tartalmazó fájlok mentését, míg 39,95 dollárt fizethet az összes korlátozás törléséhez.

    8. EngInSite CSS szerkesztő

    Kompatibilitás: ablakokNevezetes funkció: Mérési eszköz előnézeti módban

    Ha Ön komoly tervező, aki gondoskodik a helyes CSS-specifikációról, a helyes CSS-elhelyezés vagy a CSS-stíluslapja teljes mértékben érvényesíteni kell, akkor az EngInSite CSS szerkesztő lehet a kedvenc szerkesztője.

    Ebben a szerkesztőben beépített ellenőr segítségével hozzáadhatja az osztály, az id és az elemválasztót, valamint a színt Hex vagy RGB értékre is konvertálhatja, ami nagyon ritka a CSS szerkesztő számára. Megtekintheti az eredményt az előnézeti panelen mérőeszközökkel, hogy minden tervezési elem megfelelő helyzetben legyen.

    A szerkesztő a kód befejezésével is jön, de ez egy kicsit hibás, így azt mondanám, hogy félig befejeződött. Ellenkező esetben a teljes szerkesztő szépen használható, kivéve azt a tényt, hogy a szerkesztő eléggé elavult a böngésző stílusvédelmének támogatásában, mivel csak az IE6 stílus definícióját támogatja.

    9. Stíluslapkészítő

    Kompatibilitás: ablakokNevezetes funkció: CSS címkék

    A Stíluslapkészítő egy újabb szabványos CSS-szerkesztő, amely tiszta kódolási felületet kínál a fájlkezelő panelrel, és néhány hasznos CSS-eszközt a betűtípus, szín, margó, szegély stb..

    Több CSS-szerkesztővel összehasonlítva Gyors CSS vagy Stílusstúdió, A Maker kevésbé jellemző, de nagyon tiszta felület, és ez jó néhány kezdőnek, aki nem akarja bonyolult dolgokat kapni, vagy CSS ninja, aki mindent minimális és kényelmes..

    Bár ez a szerkesztő közbenső felhasználó számára készült, a CSS-címkék szolgáltatás segítségével egyszerűen létrehozhat egy CSS-szabályt, amelynek címkékkel kattintanak.

    34 dollárba kerül a szerkesztő tulajdonosa, vagy más CoffeeCup szoftverrel is megvásárolható csomagkötésként.

    10. Arduo CSS

    Kompatibilitás: ablakokNevezetes funkció: Csomópont, CSSTidy

    Az Arduo CSS egy újszülött CSS-szerkesztő, amelynek célja, hogy az Ön intuitív és könnyen kezelhető felületén legyen. Tiszta felületével és szintaxis kiemelésével garantáltan létrehozhat és szerkeszthet egy CSS fájlt anélkül, hogy túl sok baj és megszakítás lenne. Használhatja a 'Csomópont' funkciót is, hogy pontokat és kattintásokat határozzon meg.

    Azok számára, akik úgy érzik, a stíluslap túlságosan nehéz, a szerkesztő CSSTidy eszköze segíthet a stíluslap optimalizálásában és az összes felesleges kód törlésében.

    A szerkesztő szabadon elérhető a hivatalos honlapján.

    11. Egyszerű CSS

    Kompatibilitás: Windows, Mac OS XNevezetes funkció: CSS fájl importálása, Point-and-click interfész, További font adatbázis

    Csakúgy, mint a neve, az Simple CSS mindent tartalmaz, amit a tervezőnek szüksége van az egyszerű CSS szerkesztésre. CSS fájlt importálhat a szerkesztőbe, és néhány kattintással módosíthatja, ellenőrizheti az eredményt az előnézeti panelen, és azonnal kiválthatja a forráskódot.

    Bár szinte minden CSS-fájlt importálhat a szerkesztõbe, egyszerre csak egy CSS-szabályt tekinthet meg egy kattintással, és néha a behozatala hibákat okozna a korlátozás miatt, mint a @rules támogatás. A szerkesztő maga nem olyan rugalmas, mintha csak az „Auto” vagy az „Inherit” lehetőséget választaná a z-index tulajdonságokhoz, de nem adhatja meg közvetlenül a tulajdonságot.

    Mindazonáltal ez ingyenes és elég praktikus a tervező számára, aki gyors megoldást igényel.

    Bónusz: További szerkesztők és eszközök

    Bár ezek nem pontosan CSS-szerkesztők, ezek a következő eszközök a CSS szerkesztésével kapcsolatosak.

    Szentjánosbogár

    A legnépszerűbb és leghatékonyabb webfejlesztő eszköz, amely a HTML-t ellenőrzi, módosítja a CSS stílust és látja a valós idejű változásokat, és a Firefox webböngészőjének bővítményeként elérhető.

    CSS használat

    A Firebug kiterjesztése, amely lehetővé teszi a webhely több oldalának szkennelését, hogy megnézze, mely CSS szabályokat használják webhelyén.

    Webfejlesztő

    A Firefox kiterjesztés, amellyel sok hűvös dolgot végezhet, mint például a CSS-források megtekintése, vagy bizonyos CSS-stíluslapok letiltása a tervezéshez vagy fejlesztéshez.

    Jegyzettömb++

    Ingyenes forráskódszerkesztő és Jegyzettömbcsere, amely több nyelvet is támogat, beleértve a CSS-t is. Olyan funkciókat tartalmaz, mint a Function Completion, hogy segítse a CSS kialakítását.

    Kóda

    Egy fejlett szövegszerkesztő beépített CSS-szerkesztővel, amely két CSS-szerkesztő módot biztosít a rugalmasabb tervezési tapasztalatokhoz, és az eredményeket azonnal láthatja a változtatások után.

    NetBeans IDE

    Egy nyílt forráskódú és professzionális integrált fejlesztőkörnyezet, amely a teljes körű CSS-hivatkozást tartalmazza a kód befejező funkciójában.

    Aptana Stúdió

    A teljes webfejlesztési környezet, amely egyesíti a HTML, CSS és JavaScript hatékony szerzői eszközeit, jelenleg akár HTML5 és CSS3-at is támogat.

    WebStorm

    A JetBrain IDE-je, amely a CSS-t magában foglaló, mindenre kiterjedő automatikus befejezést hajt végre, szintén értesítést kaphat a CSS problémáiról a repülés során.