Desain CSS dengan Editor Aplikasi Web Adobe-Style ini
Perangkat lunak Adobe terkenal di dunia oleh desainer dari segala usia, tetapi tidak lebih dari Photoshop. Panel pengeditan PhotoShop adalah shebang keseluruhan dengan semua yang Anda butuhkan untuk membangun desain khusus.
Dan sekarang, ada yang gratis editor aplikasi web, bernama LayerStyles, yang meniru editor layer Photoshop tepat di browser Anda. Itu memungkinkan Anda menghasilkan kode CSS secara dinamis seolah-olah Anda sedang bekerja di Photoshop.
Jika Anda mengunjungi halaman pembangun Anda dapat bermain-main dengannya untuk melihat cara kerjanya.
Jendela dilengkapi dengan lima panel gaya yang berbeda itu semua meniru Photoshop. Mereka mengikuti pengaturan yang sama dan mereka segera perbarui dengan kotak demo di halaman.
Ini adalah panel yang dapat Anda pilih:
- Drop Shadow
- Bayangan batin
- Latar Belakang
- Berbatasan
- Radius Perbatasan
Mereka semua meniru Adobe GUI yang membuat alat ini sangat menyenangkan bagi para desainer. Anda juga mendapatkan kode CSS lengkap, dihasilkan secara gratis.
Cukup klik kotak sudut kiri bawah berlabel “Kode CSS” untuk dapatkan cuplikan Anda. Muncul dengan semua properti CSS3 untuk semua yang Anda pilih.
Dan yang terbaik dari semuanya, proyek ini sepenuhnya open source dan gratis di GitHub jika Anda ingin mengunduh salinan lokal. Ini tidak hanya menyenangkan menghasilkan CSS, tetapi juga cara yang bagus untuk belajar cara membangun aplikasi web.
Situs ini menggunakan a banyak dari Perpustakaan JavaScript, bersama plugin jQuery. Itu dibangun oleh pengembang Felix Niklas yang menjadikan ini sebagai proyek sampingan.
Kamu dapat menemukan banyak generator kode di tempat lain tetapi ini benar-benar unik. Ini juga yang paling menyenangkan dan mungkin aplikasi web paling keren yang saya lihat sejauh ini tahun ini.
Lihatlah LayerStyles dan lihat apa yang Anda pikirkan. Anda dapat bermain-main dengan versi live di halaman demo dan temukan semua kode sumber yang tersedia gratis di GitHub.
Atau, jika Anda ingin menyebar berkat penciptanya, Anda dapat men-tweet kekaguman Anda @mrflix.
