11 En İyi CSS Editörleri - İncelendi
1. Stilizer
Uyumluluk: , WindowsÖnemli özelliği: Code Grid, Size Grips, Bullseye, İki Tıklama Boyama
Stylizer, odaklanan tamamen benzersiz bir CSS editörüdür. gerçek zamanlı CSS düzenleme. Firefox 3.5 ve IE7'nin stil tanımını destekleyen yerleşik tarayıcısına sadece bir web adresi girebilirsiniz; tanıdık nokta ve tıklama arayüzüyle düzenlemeniz için ilgili tüm CSS kurallarını yükleyecektir..
Editör ile geliyor Kod Izgarası Bir değeri değiştirdikten hemen sonra sonucu görebileceğinizden, CSS düzenlemenizi daha kullanışlı hale getiren özellik. Ayrıca onun teşhis ile Bullseye özelliği, ilişkili öğeleri sitenin belirli bir bölümünde görüntüleyebilir ve puan ve tıklama ile düzenleyebilirsiniz. Gibi diğer özellikler Beden Sapları Bir CSS öğesinin konumunu görsel olarak ayarlamanıza olanak tanır ve İki Tıklama Boyama Bu özellik, site fontunuz için diyelim herhangi bir rengi seçmek için Photoshop benzeri bir renk seçici verilir. Oh, tüm bu düzenlemelerin gerçek zamanlı, anında görüntülenebilen bir sonuçta yapıldığından bahsettim mi??
İle Stylizer İlgili CSS özelliğiyle uyumlu olmayan herhangi bir değer vermenizi kısıtlayacağından, bir CSS hatası yapmak yalnızca imkansızdır. Ancak, açıklanamayan kritik bir hata nedeniyle yazılım bazen bazı CSS dosyalarını yükleyemedi.
Stylizer Basic ve Ultimate sürümü ile birlikte geliyor. Basic sürümü tamamen ücretsiz olsa da, Ultimate sürümü kurulumdan sonra 14 gün boyunca kullanımınıza sunulur, sonra Bullseye gibi gelişmiş özelliklerini kullanmaya devam etmeniz için 85 $ sunar..
2. TopStyle
Uyumluluk: , WindowsÖnemli özelliği: Stil Denetçisi, Stil Süpürgesi, CSS Düzenli
TopStyle CSS editörü, ilk kez yapılandırmasıyla sizi şaşırtmaya başlar, sadece Firefox, Internet Explorer, Safari ve hatta platformlar için pratik olarak yararlı olan iPhone OS 2.0 tarafından desteklenen özellikleri ve değerleri gösteren bir stil tanımı seçebilirsiniz. web tasarımcısı.
Bulduğum tüm özellikler arasında Stil Müfettişi basit bir tıkla ve tıklat arayüzüne sahip herhangi bir CSS özelliğini eklemenizi sağlayan bir panel olarak çalıştığı için özellikle kullanışlıdır. İstediğiniz tüm CSS özelliklerini seçmeyi bitirdiğinizde, zamanınızı tekrarlayan ve yorucu kodlamalardan kurtarmak için kaynak kodu otomatik olarak oluşturulur..
Bir başka hakkında iyi şeyler TopStyle CSS özelliğinin Internet Explorer 7 gibi belirli bir web tarayıcısı sürümü tarafından tam olarak desteklendiğini görebileceğiniz stil denetçisinin altındaki tarayıcı uyumluluğunu gösteriyor mu, yoksa korkunç.
Editör sınırlı özelliklere sahip bir deneme sürümü olarak geliyor ve tam potansiyelinin kilidini $ 79.95 ile açabilirsiniz..
3. Stil Ustası
Uyumluluk: Windows, Mac OS XÖnemli özelliği: Stil Sayfası Şablonu
Bir usta olarak kabul edilen Style Master, herhangi bir uzmanlık düzeyi için bir CSS düzenleme ortamı oluşturmak için oldukça başarılı oldu. Yazılım, yalnızca CSS acemi iş akışını düzelten WYSIWYG editörü sağlamakla kalmaz, aynı zamanda uzmanların başvurması için her CSS özelliği hakkında çok ayrıntılı bilgilere erişim sağlar. Kategori veya alfabetik sıraya göre CSS özelliklerine göz atabilir ve seçebilirsiniz..
Belki de en eşsiz nokta, editörün başlaması için neredeyse 20 kullanışlı stil sayfası şablonu içermesidir ve bir stil ustasının yerleşik şablonunda tanımlanan çok temiz, iyi düzenlenmiş ve profesyonel CSS kurallarına sahip olması şaşırtıcı değildir..
Tam özellikli yazılımın 30 gün boyunca keyfini çıkarabilir ve tam potansiyelini yeniden açmak için eğitim lisansı için 59,99 $ veya 29,99 $ ödeyebilirsiniz..
4. Xyle Kapsamı
Uyumluluk: MacÖnemli özelliği: Seçim Modu, Akıllı Grup, Metin Düzenleyici Entegrasyonu
Xyle Kapsam bir Mac için ücretsiz CSS editörüne sahip olmalı, CSS'yi doğrudan editörün içinde ince ayar yaparken web sitesinde gezinmenizi sağlayan gerçekten profesyonel bir CSS editörü olduğundan.
Xyle'nın tarayıcısı Editör, değiştirilmiş CSS değerlerini orijinal konumlarına kaydetmenize izin vermesi dışında, normal tarayıcı modu ve Firefox eklentisi, CSS kaynağının görüntülenmesini ve düzenlenmesini sağlayan Firebug gibi oldukça benzer çalışan bir seçim moduyla birlikte gelir..
Kullanmak 'Akıllı Grup'özelliği, bağlantıların gösterilme şeklini veya düzenden sorumlu olanları etkileyen tüm kuralları filtreleyebiliyorsunuz, dahili arama işleviyle sonucu daraltabilirsiniz, artık deneme yanılma yöntemi yok!
Xyle Kapsamı ayrıca daha rahat ve enerji tasarrufu sağlayan kodlama çalışmaları için BBEdit gibi harici metin editörleriyle entegrasyon da sunun, sadece bir değişiklik yapın ve metin editörü veya Xyle Scope sizin için tüm değişiklikleri otomatik olarak günceller.
5. Hızlı CSS
Uyumluluk: , WindowsÖnemli özelliği: Sözdizimi Vurgulayıcı, Kod Tamamlama, CSS Biçimlendirme
Hızlı CSS, daha konforlu, rahat ve karmaşık CSS düzenlemelerinin yoludur. Ağrısız kodlama deneyimi için sözdizimi vurgulama, kod tamamlama ve yerleşik CSS referansı gibi yararlı özelliklere sahip, tamamen özelleştirilebilir bir metin düzenleyicisine sahiptir..
CSS'nizin temizliğini dikkate alarak, CSS stil sayfanızı, CSS türüne göre yeniden düzenleme veya stil sayfasının daha rahat ve tatlı görünmesini sağlamak için kısa özellikler oluşturma gibi biçimlendirebilirsiniz. Yerleşik kod doğrulayıcı ayrıca stil sayfanızın yalnızca temiz değil geçerli olmasını sağlar.
Editör 30 günlük değerlendirme periyodu ile 30 kullanım süresi ile gelir, tam sürüm için $ 29.85 ile gidebilirsiniz.
6. Stil Stüdyosu
Uyumluluk: , WindowsÖnemli özelliği: CSS Sihirbazı, IntelliStyle
Style Studio'nun ana güzelliği, birkaç nokta ve tıklamayla anında CSS efekti sağlamaya çalışan CSS Sihirbazı özelliği içinde yatıyor..
Örneğin, bir yazı tipi sihirbazı seçebilir, ardından bir yazı tipi ailesi seçebilir ve bunun için bir yazı tipi boyutu belirleyebilir, sonra yazı tipi stili, ağırlık, değişken… ve bom! Kurallar stil sayfasına tam olarak doğrulanmış bir CSS kodu olarak eklenir.
Sihirbaz özelliği ayrıca renk, kenarlık, metin, konumlandırma, sınıflandırma ve son olarak filtre kurallarını, CSS hakkında düşünebileceğiniz hemen her şeyi içerir. Bu sihirbazlar, oldukça karmaşık, bazı karmaşık CSS efektleri elde etmek için tekrar tekrar yazmaya gerek duymadığınız için oldukça kullanışlıdır. Bir diğer asil özellik de tasarım amacınız için belirli CSS özelliklerini seçmeniz için kod tamamlama gibi işlev gören IntelliStyle..
Bu editörün dezavantajı, eski IE tarayıcısının stil tanımı desteği olacaktır, çünkü yalnızca IE6'ya kadar desteklemekte ve Firefox'u desteklememektedir..
Yazılımın tadını çıkarmanız için 30 gün, yazılımı satın almanız için ise 49,99 $ verilir..
7. CSSEdit
Uyumluluk: MacÖnemli özelliği: X-ışını Müfettişi, Görsel Editör, Seçici Oluşturucu
CSSEdit'in güzel, yenilikçi ve hızlı uygulamasıyla güzel, yenilikçi ve hızlı web siteleri tasarlayın. MacRabbit. Selector Builder gibi özelliklerden akıllı kaynak ortamına kadar, CSSEdit her uzmanlık düzeyi için tasarlanmıştır.
Bunun gibi son derece parlak bir düzenleyicide, CSS stil sayfanızdaki değişikliklerin, yükleme yenileme işleminde yorulmadan gerçek zamanlı olarak görünmesi beklenir. X-ışını denetçisi ayrıca sitenin belirli bir bölümünden CSS kodunu teşhis etmek için bir özellik olarak oluşturulmuştur.
Yenilikçi kısmı CSSEdit muhtemelen onun Seçici Oluşturucu Bu, CSS stilinizi sade İngilizceyle tanımlamanıza olanak tanır, bir uzmana ilgi duymaz, mutlak başlangıç için faydalıdır.
Demo sürümü, 2500'den az karakter içeren dosyayı kaydetmenizi kısıtlarken, tüm kısıtlamaları silmek için 39.95 $ ödeyebilirsiniz..
8. EngInSite CSS Editör
Uyumluluk: , WindowsÖnemli özelliği: Önizleme Modunda ölçüm aracı
Doğru CSS özelliklerini önemseyen, doğru CSS yerleşimini veya CSS stil sayfanızın tamamen doğrulanmış olması gereken ciddi bir tasarımcıysanız, EngInSite CSS editörü favori düzenleyiciniz olabilir.
Bu düzenleyicide, dahili denetçisinin yardımıyla sınıf, kimlik ve öğe seçicisi ekleyebilir, ayrıca bir CSS editörü için çok nadir görülen bir özellik olan rengi Hex veya RGB değerine dönüştürebilirsiniz. Her tasarım öğenizin doğru konumda olmasını sağlamak için sonucunuzu ölçüm araçlarıyla önizleme panelinde gözlemleyebilirsiniz..
Editör ayrıca kod tamamlama ile birlikte geliyor, ancak biraz hata var, bu yüzden yarı kod tamamlama olduğunu söyleyebilirim. Aksi taktirde, editörün tarayıcı stilini birleştirme desteği açısından oldukça eski olması dışında, yalnızca IE6'nın stil tanımını desteklediği için, editörün tamamı kullanışlıdır..
9. Stil Sayfası Yapıcı
Uyumluluk: , WindowsÖnemli özelliği: CSS Etiketleri
Stylesheet Maker, dosya gezgini paneline sahip temiz bir kodlama yüzeyi ve font, renk, kenar boşluğu, kenarlık, vb. Ayarlamaya yardımcı olacak bazı CSS araçlarını sunan başka bir standart CSS editörüdür..
Gibi birçok CSS editörüyle karşılaştırıldığında Hızlı css veya Stil Stüdyosu, Maker'ın daha az özelliği var ancak çok temiz bir arayüzü var ve bu işleri karmaşık hale getirmek istemeyen bazı yeni başlayanlar veya her şeyi minimal ve rahat isteyen CSS ninja için iyi.
Bu editör orta seviye kullanıcılar için tasarlanmış olsa da, CSS Etiketleri özelliği, tıklama ile etiketlerle basit bir CSS kuralı oluşturmanıza yardımcı olabilir.
Bu editöre sahip olmak 34 dolar, veya başka bir CoffeeCup yazılımıyla paket satın alma olarak satın alabilirsiniz..
10. Arduo CSS
Uyumluluk: , WindowsÖnemli özelliği: Düğüm, CSSTidy
Arduo CSS, sezgisel ve kullanımı kolay arayüzü ile sizi memnun etmeyi amaçlayan yeni doğmuş bir CSS editörüdür. Temiz arayüzü ve sözdizimi vurgulamasıyla, çok fazla sorun ve kesinti olmadan bir CSS dosyası oluşturup düzenleyeceğiniz garanti edilir. Ayrıca, CSS kurallarını noktalara ve tıklamalara göre tanımlamak için 'Düğüm' özelliğini kullanabilirsiniz..
Stil sayfanızın çok ağır olduğunu düşünenler için, düzenleyiciden CSSTidy aracı, stil sayfasını optimize etmenize ve tüm gereksiz kodları silmenize yardımcı olabilir.
Editör resmi sitesinde serbestçe kullanılabilir.
11. Basit CSS
Uyumluluk: Windows, Mac OS XÖnemli özelliği: CSS dosyası içe aktarma, İşaretle ve tıkla arayüzü, Ek font veritabanı
Basit CSS, adı gibi, bir tasarımcının basit CSS düzenlemesi için ihtiyaç duyduğu her şeye sahiptir. Bir CSS dosyasını düzenleyiciye içe aktarabilir ve birkaç tıklamayla düzenleyebilir, önizleme panelinde sonucu kontrol edebilir ve kaynak kodunu hemen alabilirsiniz..
Hemen hemen her CSS dosyasını düzenleyiciye içe aktarabilmenize rağmen, bir tıklamayla yalnızca 1 CSS kuralını yalnızca görüntüleyebilirsiniz ve bazen içe aktarma işleminiz @rule desteği olmayan sınırlama nedeniyle hataya neden olabilir. Ayrıca editörün kendisi de o kadar esnek değildir, z-index özelliği için yalnızca 'Auto' (Otomatik) veya 'Inherit'i seçebilir, ancak özelliğe doğrudan bir değer veremezsiniz..
Bununla birlikte, hızlı bir düzeltme gerektiren tasarımcı için ücretsiz ve oldukça kullanışlı.
Bonus: Diğer Editörler ve Araçlar
Tam olarak CSS editörleri olmasalar da, bu aşağıdaki araçlar CSS’yi düzenlemeye geldiğinde sahip olmak isteyebileceğiniz bir şeydir..
kundakçı
Firefox web tarayıcısı için bir eklenti olarak sunulan, HTML'yi inceleyen, CSS stilini değiştiren ve gerçek zamanlı değişiklikleri gören en popüler ve güçlü web geliştirme aracı.
CSS Kullanımı
Firebug için sitenizde birden fazla sayfa taramanıza izin veren ve sitenizde hangi CSS kurallarının kullanıldığını görmek için bir uzantı.
Web Geliştiricisi
Firefox eklentisi, CSS kaynaklarını görüntüleme veya tasarım veya geliştirme kullanımı için belirli CSS stil sayfasını devre dışı bırakma gibi birçok harika şey yapmanız için.
Not Defteri++
CSS dahil olmak üzere birçok dili destekleyen ücretsiz bir kaynak kod editörü ve Not Defteri değiştirme. CSS tasarımınızı oluşturmanıza yardımcı olacak İşlev Tamamlama gibi özellikler içerir.
Koda
Daha esnek tasarım deneyimi için size iki CSS düzenleme modu sağlayan ve yapılan değişikliklerden hemen sonra sonucu görebilen dahili CSS editörlü gelişmiş bir metin editörü.
NetBeans IDE
Kod tamamlama özelliğinde en eksiksiz CSS referansını içeren açık kaynaklı ve profesyonel bir Entegre Geliştirme Ortamı.
Aptana Stüdyo
HTML, CSS ve JavaScript için güçlü geliştirme araçlarını birleştiren eksiksiz bir web geliştirme ortamı, şu anda HTML5 ve CSS3'ü desteklemektedir..
WebStorm
CSS dahil her şey için ilgili otomatik tamamlamayı uygulayan JetBrain'in IDE'si, ayrıca anında CSS sorunları hakkında da bilgi sahibi olabilirsiniz..
