Bu Adobe Stili Web Uygulaması Düzenleyicisi ile CSS Tasarlayın

Adobe'nin yazılımı, her yaştan tasarımcı tarafından dünyaca ünlüdür ancak Photoshop'tan başka bir şey değildir.. PhotoShop düzenleme panelleri Özel tasarımlar yapmak için ihtiyacınız olan her şey.

Ve şimdi, ücretsiz web uygulaması editörü, denilen LayerStyles, Bu da Photoshop katman düzenleyicisini doğrudan tarayıcınızda taklit eder. Size izin verir dinamik olarak CSS kodu oluşturun Photoshop'ta çalışıyormuşsun gibi.

Ziyaret ederseniz oluşturucu sayfası nasıl çalıştığını görmek için onunla tamir edebilirsiniz.

Pencere ile geliyor beş farklı stil panelleri hepsi Photoshop'u taklit ediyor. Aynı ayarları takip ediyorlar ve hemen güncelle Sayfada bir demo kutusu var.

Bunlar, seçebileceğiniz panellerdir:

1. Düşen gölge
2. İç gölge
3. Arka fon
4. sınır
5. Sınır yarıçapı

Hepsi bu aracı tasarımcılar için eğlenceli kılan Adobe GUI'yi taklit ediyor. Ayrıca CSS kodunu tamamla, ücretsiz üretildi.

Etiketli sol alt köşe kutusunu tıklamanız yeterlidir. “CSS Kodu” için pasajını al. Seçtiğiniz her şey için tüm CSS3 özellikleriyle birlikte gelir.

Ve hepsinden iyisi, bu proje tamamen açık kaynak ve ücretsiz Yerel bir kopya indirmek istiyorsanız GitHub’da Bu sadece için eğlenceli olabilir CSS oluşturma, ama aynı zamanda öğrenmek için harika bir yol web uygulaması nasıl oluşturulur.

Site bir kullanır çok arasında JavaScript kütüphaneleri, ile birlikte jQuery eklentileri. Bunu bir yan proje olarak yapan geliştirici Felix Niklas tarafından yapılmıştır..

Bulabilirsin bol miktarda kod üreticisi başka bir yerde ama bu gerçekten eşsiz. Aynı zamanda bu yıl şimdiye kadar gördüğüm en eğlenceli ve belki de en havalı web uygulaması..

LayerStyles'a bakın ve ne düşündüğünüzü görün. Bir ile tamir edebilirsiniz canlı versiyon demo sayfasında ve bulmak tüm kaynak kodları GitHub'da ücretsiz.

Ya da, yaratıcısı sayesinde yayılmak istiyorsanız, hayranlarınızı tweetleyebilirsiniz..