Reka bentuk CSS dengan Editor Aplikasi Web Adobe Style ini
Perisian Adobe adalah terkenal di dunia oleh pereka dari semua peringkat umur, tetapi tidak lebih daripada Photoshop. Panel penyuntingan PhotoShop adalah seluruh shebang dengan semua yang anda perlukan untuk membina reka bentuk tersuai.
Dan sekarang, ada yang percuma editor aplikasi web, dipanggil LayerStyles, yang meniru editor lapisan Photoshop tepat di dalam penyemak imbas anda. Ia membolehkan anda secara dinamik menghasilkan kod CSS seolah-olah anda bekerja di Photoshop.
Jika anda melawat halaman pembina anda boleh menggeram dengannya untuk melihat bagaimana ia berfungsi.
Tingkap datang dengan lima panel gaya yang berlainan yang semua meniru Photoshop. Mereka mengikuti tetapan yang sama dan mereka kemas kini dengan serta-merta dengan kotak demo pada halaman.
Ini adalah panel yang anda boleh pilih dari:
- Drop Shadow
- Bayang dalaman
- Latar Belakang
- Sempadan
- Radius Sempadan
Mereka semua meniru GUI Adobe yang menjadikan alat ini sangat menyeronokkan untuk pereka. Anda juga mendapat kod CSS lengkap, dijana secara percuma.
Cuma klik kotak bawah kiri yang dilabelkan “Kod CSS” kepada dapatkan coretan anda. Ia datang dengan semua sifat CSS3 untuk semua yang anda pilih.
Dan yang terbaik, projek ini sepenuhnya sumber terbuka dan percuma di GitHub jika anda ingin memuat turun salinan tempatan. Bukan sahaja ini boleh menyeronokkan menjana CSS, tetapi ia juga cara yang bagus untuk belajar bagaimana untuk membina aplikasi web.
Laman web menggunakan a banyak daripada Perpustakaan JavaScript, bersama dengan plugin jQuery. Ia dibina oleh pemaju Felix Niklas yang menjadikannya sebagai projek sampingan.
Awak boleh cari banyak penjana kod di tempat lain tetapi yang satu ini benar-benar unik. Ia juga yang paling menyeronokkan dan mungkin aplikasi web paling sejuk yang saya lihat setakat ini tahun ini.
Lihat LayerStyles dan lihat apa yang anda fikirkan. Anda boleh tinker dengan a versi langsung pada halaman demo dan cari semua kod sumber yang ada secara percuma di GitHub.
Atau, jika anda ingin menyebarkan terima kasih kepada pencipta, anda boleh tweet kekaguman @mfflix anda.
