تاريخ النشر: 21 تشرين الأول (أكتوبر) 2024
في الأسبوع الماضي، طرحنا لوحة جديدة تمامًا في أدوات مطوّري البرامج: مساعدة الذكاء الاصطناعي يمكن أن تساعدك في تصحيح أخطاء التصميم باستخدام Gemini مباشرةً في أدوات مطوّري البرامج.
هل تريد معرفة ما يمكن أن يفعله؟ إليك 5 طرق رائعة يمكن أن تسهّل هذه الميزة الجديدة تعديل تنسيق صفحتك، بدءًا من فهم التنسيقات ووصولاً إلى إصلاح الطائرات.
1. فهم التنسيقات
عند إنشاء المواقع الإلكترونية، لا تبدأ دائمًا من الصفر. غالبًا ما تحتاج إلى الاستناد إلى رمز حالي لا تعرفه، وفي أسوأ الأحوال، لا يعرفه أحد من حولك أيضًا.
يمكنك أن تسأل الذكاء الاصطناعي عن تنسيق عنصر ومعرفة سبب عرضه بالطريقة التي يظهر بها
وصولاً إلى العقدة الأخيرة، وسبب ظهور overflow: hidden; على عنصر معيّن. 👀
طلب تجربة الميزة
Give me a summary of how this element and its children are laid out and re-create the layout in ASCII.
2. البرمجة الزوجية
أصبحت CSS قوية جدًا الآن. مع توفّر العديد من الخيارات، من الطبيعي أن تشعر بال confusion في بعض الأحيان: هل أحتاج إلى align-items؟ أو justify-items؟ أو
justify-self أو align-content؟
في بعض الأحيان، تعرف تمامًا ما تريد فعله ولكن لا يمكنك الحصول على المجموعة المناسبة من سمات CSS. في المرة القادمة التي تواجه فيها هذا الموقف، اشرح مشكلتك للذكاء الاصطناعي واتركه يحلّها نيابةً عنك.
ستتحقّق مساعدة الذكاء الاصطناعي من الرمز البرمجي الحالي وتقارنه بما تحاول تحقيقه، وتقترح عليك الإصلاحات المطلوبة لمراجعتها وتطبيقها ونسخها إلى قاعدة الرموز البرمجية.
3- مستشار تسهيل الاستخدام
من المهم أن يكون موقعك الإلكتروني سهل الاستخدام ويسهل الوصول إليه باستخدام التكنولوجيا المساعدة. يجب مراعاة إمكانية الوصول منذ بداية عملية التطوير، وليس كخطوة تالية، والسعي إلى اتّباع إرشادات إتاحة محتوى الويب (WCAG) خلال عملية التطوير.
استخدِم مساعدة الذكاء الاصطناعي للحصول على نصائح حول المواضع التي يمكن فيها استبدال <div> بأحد عناصر HTML التي تتضمن دلالات أكثر، أو حول كيفية الاستفادة من سمة aria-* إضافية،
أو حول كيفية تحسين التباين في الألوان.
طلب تجربة الميزة
What about color contrast in this element?
4. اجعله يعكس شخصيتك
تظهر الصيحات وتزول: كانت هناك تدرّجات وظلال وحدود قاسية، ثم جاء التصميم المسطّح، وانتقلنا إلى عصر التصميم الحالي الذي يعتمد على ألوان النيون الساطعة على خلفيات قاتمة.
ولكن ألا تشعر أحيانًا بالملل من اتّباع أسلوب موحد على الويب؟ إذا كان لديك أحد هذه الأيام، يمكنك الاستعانة بمساعدة الذكاء الاصطناعي لتغيير الأمور وجعل الويب أكثر متعة، مثل ركوب رحلة في متنزه ترفيهي.
طلب تجربة الميزة
This element looks a little boring. Can you make it look like a pirates theme park ride?
5- أن تصبح ميكانيكي طائرات
شرح مشاكل التصميم ومساعدتك في حلّها وتقديم النصائح حول تسهيل الاستخدام وتغيير الأنماط الحالية، كلها أمور يمكن أن تساعدك فيها ميزة "المساعدة المستندة إلى الذكاء الاصطناعي"، وهناك المزيد. هل يمكنك تصديق أنّ مساعدة الذكاء الاصطناعي يمكنها أن تساعدك في إصلاح الطائرات؟ لا يلزم توفُّر خبرة سابقة، ما عليك سوى ارتداء بذلتك والانغماس في Hangar في "أدوات مطوّري البرامج في Chrome".
يُرجى إطلاعنا على تجربتك في أداة تتبُّع المشاكل العامة.