مقارنة أدوات DESIGN.md

يُنشئ Design Extractor ملف DESIGN.md من أي رابط عام. يتبع الملف مواصفات DESIGN.md من Google، ويقدّم كل مكوّن يختاره من الصفحة على شكل وصفة HTML و CSS يستطيع وكيل البرمجة لديك إعادة بنائها. ويُتحقَّق من كل وصفة مقابل الموقع الحي، أو تُعلَّم مع ذكر السبب. ويعمل أيضًا على المواقع التي لا تستجيب إلا للزوار من دول معينة.

تسلك الأدوات الأخرى طرقًا مختلفة. فمجموعات مثل getdesign.md و Refero Styles تقدّم ملفات جاهزة لمواقع سبق أن حلّلتها، و designmd.me يُنشئ ملفًا من رابط، وإضافة Chrome من TypeUI تملأ قالبها الخاص من أنماط الصفحة المفتوحة في علامة التبويب. وتذكر كل مقارنة ما تحققنا منه ومتى. هل الصيغة جديدة عليك؟ اقرأ ما هو ملف DESIGN.md.

لماذا Design Extractor

  • يتبع مواصفات DESIGN.md من Google

    لا تستخدم مقدمة YAML (front matter) إلا الخصائص التي تعرّفها المواصفات، دون أي مفاتيح مخصصة في المستوى الأعلى. وتأتي الأقسام المعيارية بترتيب المواصفات، من Overview إلى Do's and Don'ts. ولا تستخدم مدخلات المكونات في مقدمة YAML إلا الخصائص الثماني التي تحددها المواصفات، بقيم صريحة. يمكنك فحص أي ملف باستخدام DESIGN.md Validator المجاني.

  • وصفة لكل مكوّن يختاره من الصفحة

    الترويسة والتذييل والأزرار وحقول الإدخال والبطاقات وغيرها من المكونات المختارة من الصفحة تأتي كلٌّ منها على شكل وصفة: شيفرة HTML و CSS مختزلة بقيم صريحة، داخل قسم Components في ملف DESIGN.md. تسرد كل وصفة أجزاءها وحالات التمرير (hover) والتركيز (focus) التي رُصدت على الموقع، ليتمكن وكيل البرمجة لديك من إعادة بناء المكوّن بدل تخمينه.

  • مُتحقَّق منه مقابل الموقع الحي

    تُعرض كل وصفة وحدها ويُتحقَّق منها مقابل الموقع الحي: مطابقة بنيوية بين الأجزاء المعروضة وما قيس على الصفحة، ومقارنة على مستوى البكسل مع لقطة جديدة للعنصر الحقيقي. الوصفة التي تفشل يُعاد بناؤها ويُتحقَّق منها مرة أخرى. وإن ظلت لا تجتاز الفحص فإنها تُعلَّم مع ذكر السبب، ولا تُقدَّم أبدًا على أنها مُتحقَّق منها. تعرض صفحة النتيجة مدى تطابق المكونات وعدد ما تغطيه من ألوان الموقع وأنماط نصوصه: شاهد Stripe في المعرض.

  • يعمل على المواقع المقيّدة جغرافيًا

    بعض المواقع لا تستجيب إلا للزوار من دول معينة. عندما تفشل عملية لهذا السبب، تعرض صفحة النتيجة أداة لاختيار الدولة، تتصدرها الدول التي تبيّن أن الصفحة تُحمَّل منها، ثم تُجري عملية الاستخراج نفسها عبر متصفح في الدولة التي تختارها. تكلّف العملية عبر دولة أخرى سعر Pro مضافًا إليه رسم إضافي من الرصيد قدره 6 (المجموع: 16 رصيدًا). وإذا فشلت عملية الاستخراج، نعيد إليك رصيدك.

المقارنات

  • ⁨getdesign.md⁩ مقابل Design Extractor

    مجموعة مختارة من ملفات DESIGN.md الجاهزة مقارنةً بملف DESIGN.md متوافق مع المواصفات من أي رابط، مع وصفات للمكونات مُتحقَّق منها على الموقع الحي.

  • ⁨designmd.me⁩ مقابل Design Extractor

    مقارنة بين أداتين تحوّلان الرابط إلى DESIGN.md من حيث التوافق مع المواصفات، ووصفات المكونات، والتحقق على الموقع الحي، والسعر.

  • ⁨Refero Styles⁩ مقابل Design Extractor

    مكتبة مجانية كبيرة لأنماط المواقع مقارنةً بملف DESIGN.md متوافق مع المواصفات من أي رابط، مع وصفات للمكونات مُتحقَّق منها على الموقع الحي.

  • ⁨TypeUI⁩ مقابل Design Extractor

    إضافة Chrome المجانية من TypeUI، التي تملأ قالبها الخاص من أنماط الصفحة المفتوحة في علامة التبويب، مقارنةً بملف DESIGN.md متوافق مع المواصفات مع وصفات للمكونات مُتحقَّق منها على الموقع الحي.