Brackets

Açıklama

Odaklanmış görsel araçlar ve önişlemci desteği ile Brackets, tarayıcıda tasarım yapmayı kolaylaştıran modern bir metin düzenleyicidir. Oluşturulan kod olmadan doğrudan bir PSD'den temiz, minimum CSS almanın kolay bir yolu için Brackets için Creative Cloud Extract'ı (önizleme) deneyin.

PSD'den Kod İpuçları Alın

Parantez İçin Ayıkla (Önizleme) uzantısı, bağlamsal kod ipuçları aracılığıyla renkler, yazı tipleri, degradeler ve ölçüm bilgileri dahil olmak üzere bir PSD'den tasarım bilgilerini temiz, minimal CSS olarak çıkarmanıza olanak tanır. Ayrıca katmanları görüntü olarak çıkarabilir, önişlemci değişkenlerini tanımlamak için PSD'den gelen bilgileri kullanabilir ve nesneler arasında kolayca boyutlar elde edebilirsiniz.

Satır İçi Düzenleyiciler

Dosya sekmeleri arasında geçiş yapmak yerine, Brackets, en çok önemsediğiniz koda bir pencere açmanıza izin verir. Belirli bir kimlik için geçerli olan CSS üzerinde çalışmak ister misiniz? Fare imlecinizi bu kimliğin üzerine getirin, Command/Ctrl+E tuşlarına basın ve Parantezler size o kimliğe sahip tüm CSS seçicilerini satır içi bir pencerede gösterir, böylece herhangi bir açılır pencere olmadan kodunuz üzerinde yan yana çalışabilirsiniz.

Canlı önizleme

Tarayıcınızla gerçek zamanlı bağlantı kurun. CSS ve HTML'de değişiklik yapın ve bu değişiklikleri anında ekranda göreceksiniz. Ayrıca, imlecinizi üzerine getirerek CSS seçicinizin tarayıcıda nereye uygulandığını görün. Tarayıcı içi geliştirme araçlarının rahatlığıyla bir kod düzenleyicinin gücüdür.

Önişlemci Desteği

Ön işlemcilerle yepyeni bir şekilde çalışın. Ön işlemcilerin iş akışınız için ne kadar önemli olduğunu biliyoruz. Bu yüzden Brackets'i ön işlemciler için en iyi kod düzenleyicisi yapmak istiyoruz. Brackets ile, LESS ve SCSS dosyalarınızla birlikte çalışmayı her zamankinden daha kolay hale getirecek Hızlı Düzenleme ve Live Highlight'ı kullanabilirsiniz.