عندما عملت كمصمم ويب ، كنت أحلم في أحلام اليقظة بشأن برنامج يزيل متاعب البرمجة يدويًا. لقد اشتقت لرسم العناصر وتصميمها مباشرة على الصفحة ، كما هو الحال في Photoshop. مكاو 1.5.15 تقدم هذا الوعد المثير - لكن ريشها الجذاب يخفي طائرًا يحتاج إلى المزيد من اللحوم على عظامه.
واجهة Macaw اللطيفة والجذابة ستأتي بشكل طبيعي لمستخدمي Photoshop.
عينة جميلة ...
إذا كنت قد استخدمت أيًا من أدوات Adobe مؤخرًا ، فستشعر وكأنك في منزلك في واجهة Macaw الكئيبة والأنيقة. اختر الأدوات - بما في ذلك الحاويات والأزرار والنص وعناصر الإدخال - على اليسار. اضبط إعدادات العنصر المحدد على اليمين.
شبكة قابلة للتخصيص تحافظ على التصاميم مرتبة. يمكن أن تنجذب العناصر إلى خطوط الشبكة أو إلى ارتفاعات بعضها البعض. أثناء تحريك كتلة نصية أو حاوية حول الصفحة ، سيعرض لك Macaw الأرقام التي تملي عليه بالنسبة للكائنات الأخرى في الصفحة ، والتي يمكنك لاحقًا ضبطها أعلى شاشة. يمكنك تخطيط صفحتك بمواضع ثابتة و / أو نسبية و / أو مطلقة.
يجعل Macaw من السهل جدًا إنشاء نقاط توقف تعيد هيكلة تصميمك بأحجام شاشة مختلفة.
لقد استمتعت بكيفية تبسيط Macaw للعديد من جوانب تصميم CSS. تتيح لك عناصر التحكم المصممة جيدًا ضبط الخطوط وتقنين المسافات والتباعد بينها ، أو تغيير المساحة المتروكة أو الحدود ، أو إضافة ظلال إسقاط وأنماط أخرى. تقوم قائمة في أسفل اليسار بإنشاء فئات أنماط وتخصيصها ، إما من الصفر أو من عنصر واحد قمت بتصميمه بالفعل. بمجرد نسخ خصائصه ، ستقوم بضع نقرات بتطبيقها على أي عنصر آخر.
من السهل أيضًا تحديد معرف كل عنصر وفئته ، أو منحه اسمًا متغيرًا للبرمجة النصية. على الرغم من معرفتي jQuery غير الصدأ ، فإن دعم البرمجة النصية لماكاو أعجبني. سيتعين عليك كتابة الرمز الخاص بك ، ولكن Macaw يتتبع أي عنصر قمت بتعيينه متغير ، وأي عينات ألوان قمت بإنشائها ، وتتيح لك سحبها مباشرة إلى النص البرمجي أكتبه.
يستحق دعم مكاو للتصميم سريع الاستجابة استحسانًا معينًا. نظرًا لأن صفحات الويب تحتاج الآن إلى عرض جيد على مجموعة متنوعة من الأجهزة وأحجام الشاشة ، يتيح لك التصميم سريع الاستجابة تغيير شكل الصفحة وتخطيطها بناءً على عرض الشاشة. يتيح لك Macaw سحب حافة الشاشة للداخل وللخارج ، وتعيين نقاط توقف مختلفة بعرض البكسل باستخدام مفتاح الأمر ، ثم تغيير الأنماط والتنسيقات لكل منها. مع تغير عرض الشاشة ، يتذكر Macaw اختياراتك وينتقل إليها بسرعة. (يفرض البرنامج بعض الحدود — لا يمكنك تعيين نقطة توقف جديدة في حدود 40 بكسل من الأخرى.)
بالإضافة إلى ذلك ، أحببت ميزة المعاينة اليدوية في Macaw. بمجرد العثور عليه - تم إخفاؤه في القوائم باسم النشر - فإنه يعرض نافذة كاملة الميزات يمكنك كتابة عنوانها في أي متصفح آخر على شبكتك. إنها طريقة سهلة لمعرفة كيف سيبدو موقعك على أي أجهزة لديك.
يمكنك إنشاء فئات عامة من البداية ، أو نسخ معلماتها من كائن قمت بتصميمه بالفعل.
... يعض أحيانًا
لكل ما قام به بشكل جيد ، أظهر Macaw أيضًا الكثير من الحواف الخشنة بطرق كبيرة وصغيرة. تبدأ المطبات بمجرد فتح البرنامج: ينقلك Macaw إلى ملف فارغ جديد في كل مرة ، حتى بدون اختيار فتح مشروع موجود أولاً.
حتى كتابة هذه السطور ، فإن وثائق ماكاو عبر الإنترنت غير مكتملة بشكل مؤسف. (تحتوي شوكة GitHub الخاصة بها على قائمة المهام التي يجب على منشئيها تغطيتها.) لم أكن لأعرف حتى عن ميزات البرمجة النصية المذكورة أعلاه ، مدفونة بشكل غير واضح في القوائم ، إذا لم أشاهد بعناية جميع مقاطع الفيديو التعليمية على موقع مكاو.
بعض التعليمات الموجودة واضحة ومفيدة ، ولكن البعض الآخر يثبت أنها غير مكتملة بشكل مربك. على سبيل المثال ، يشجعك القسم الخاص بإضافة الروابط على إضافتها فقط العلامات ، ولكن يوضح لك فقط كيفية إضافتها إلى كل نوع آخر من العلامات - وهي ممارسة اقترحها عليك تجنبها على وجه التحديد. تلقيت الأسئلة التي أرسلتها إلى البريد الإلكتروني لدعم Macaw إجابات في غضون 24 ساعة ، ولكن معظمها مهذب و الناس الودودون الذين كتبوا لي يمكن أن يتجاهلوا ويعتذروا ببراعة عن عدم وجود ميزات أنا سئل عن.
لا يحتوي Macaw حتى الآن على العديد من ميزات HTML و CSS المفيدة ، بما في ذلك القوائم أو الجداول أو الأعمدة. يمكنك تضمين التعليمات البرمجية الخاصة بك في كتلة على الصفحة ، ولكن لن تتمكن من رؤية النتائج حتى تقوم بمعاينة تلك الصفحة ، ولا توجد طريقة أخرى لضبط التعليمات البرمجية مباشرة داخل البرنامج. لم أتمكن أيضًا من العثور على طريقة لتعديل الأنماط العالمية للعلامات الفردية — لتحديد ، على سبيل المثال ، كل منها يجب أن تكون العلامة في المستند غامقة وذات لون أخضر داكن.
يقدم Macaw قائمة شاملة من خطوط الويب التي تصنعها Google ، لكن اختياراتها كانت متشابهة إلى حد ما. كتل ريفال ، تستهدف أكثر للمبتدئين ، تقدم قائمة أصغر ولكن أكثر تنوعًا ؛ يفتقر Macaw أيضًا إلى مكتبات Blocs المتعددة. وعلى الرغم من سهولة العثور على الكثير من الخطوط المجانية المفتوحة المصدر والجاهزة للويب عبر الإنترنت ، فلن تتيح لك Macaw إضافتها إلى مكتبتها. يمكنك استخدام خطوط النظام الخاصة بك في تصميماتك ، ولكن سيتعين عليك حزمها وترميزها في موقعك النهائي بنفسك. الطريقة الأخرى الوحيدة لتوسيع تحديد الخط في Macaw تتطلب اشتراكًا مدفوعًا في خدمة Adobe Typekit.
أخيرًا ، يعد Macaw بتحويل تصميماتك إلى رمز نظيف ، لكنني لم أكن من المعجبين بالفصول الغريبة ، التي تبدو زائدة عن الحاجة ، والتي تم إلحاقها بكل علامة تقريبًا في الصفحات التي أنشأتها.
على الرغم من أنها تفتخر بقائمة وافرة من خطوط الويب ، إلا أن معظمها يبدو مملًا لبعضها البعض.
الحد الأدنى
كنت أنوي اختبار مكاو عن طريق بناء موقع صغير به. ولكن بعد تمزيق وإعادة بناء نفس الصفحة أربع مرات ، رميت في المنشفة. هذا جزئي خطأ. يستهدف مكاو المصممين ذوي الخبرة ، ويظهر القليل من الصبر على الإمساك باليد.
في وقت سابق من هذا الأسبوع ، أعلن منشئو Macaw تجسيدًا جديدًا للتطبيق ، مكاو القرمزي، مع دعم متقدم لـ CSS وتحسينات قوية أخرى للمصممين المحترفين. سيتم إعادة تسمية البرنامج الحالي Macaw Indigo ؛ تقول الشركة أنه من الأفضل عمل نماذج أولية مبكرة ، في حين أن Scarlet - التي ليس لها تاريخ إصدار حتى كتابة هذه السطور - تم تصميمها بالفعل لإنتاج مواقع. على الرغم من أن هذه الرسالة تبدو متناقضة مع الكيفية التي عرضت بها النسخة الحالية من Macaw نفسها في البداية ، إلا أنني لا أستطيع أن أنكر أن Scarlet يبدو أنها على استعداد لملء الكثير من الثغرات التي وجدتها في النسخة الأصلية.
على الرغم من أنني كنت أتمنى برنامجًا مثل Macaw ، إلا أن الإصدار الحالي ترك لي الشوق لأيامي من الترميز يدويًا. إذا شعرت في نهاية المطاف بالشعور نفسه ، فتفضل: من بين ميزاته الموعودة ، يعلن Scarlet بشكل بارز عن محرر نصوص لشفرتك.