تصميم CSS باستخدام محرر تطبيقات الويب Adobe-Style هذا
يتمتع برنامج Adobe بشهرة عالمية من قبل مصممين من جميع الأعمار ، ولكن لا يوجد أكثر من برنامج Photoshop. لوحات تحرير فوتوشوب هي shebang كله مع كل ما تحتاجه لبناء تصاميم مخصصة.
والآن ، هناك مجانا محرر تطبيق الويب, مسمي LayerStyles, الذي يحاكي محرر طبقات Photoshop مباشرة في متصفحك. انها تتيح لك توليد ديناميكي كود المغلق كما لو كنت تعمل في برنامج فوتوشوب.
إذا قمت بزيارة باني الصفحة يمكنك العبث به لمعرفة كيف يعمل.
النافذة تأتي مع خمس لوحات نمط مختلف أن كل تقليد فوتوشوب. أنها تتبع نفس الإعدادات وأنها تحديث على الفور مع مربع تجريبي على الصفحة.
هذه هي اللوحات التي يمكنك الاختيار من بينها:
- شبح الهبوط
- الظل الداخلي
- خلفية
- الحدود
- دائرة نصف قطرها الحدود
يحاكي كل منهم واجهة المستخدم الرسومية Adobe التي تجعل هذه الأداة ممتعة للغاية للمصممين. يمكنك أيضا الحصول على كود CSS الكامل, ولدت مجانا.
فقط انقر فوق مربع الزاوية اليسرى السفلى المسمى “كود CSS” إلى الحصول على مقتطف الخاص بك. لأنه يأتي مع جميع خصائص CSS3 لكل ما اخترته.
والأفضل من ذلك كله ، هذا المشروع هو تماما مفتوح المصدر ومجاني على جيثب إذا كنت ترغب في تنزيل نسخة محلية. ليس فقط يمكن أن يكون هذا متعة ل توليد CSS, لكنها أيضًا طريقة رائعة للتعلم كيفية بناء تطبيق ويب.
يستخدم الموقع قطعة أرض من مكتبات JavaScript, مع الإضافات مسج. تم بناؤه بواسطة المطور Felix Niklas الذي جعله مشروعًا جانبيًا.
يمكنك إيجاد الكثير من مولدات الشفرة في مكان آخر ولكن هذا واحد فريد حقا. إنه أيضًا التطبيق الأكثر متعة وربما أروع على الويب الذي رأيته حتى الآن هذا العام.
ألق نظرة على LayerStyles وشاهد رأيك. يمكنك العبث مع نسخة حية على الصفحة التجريبية والعثور عليها كل شفرة المصدر المتاحة مجانا على جيثب.
أو ، إذا كنت تريد أن تنتشر بفضل المنشئ ، فيمكنك تغريدة إعجابك على mrflix.
