تصميم متجاوب
يحوّل واجهة إلى تصميم متجاوب يعمل بسلاسة على الهاتف واللوحي والحاسوب.
توضيح مهم: معظم الاختصارات دي مش أوامر رسمية مبرمجة داخل ChatGPT. هي كلمات بتوجّه الذكاء الاصطناعي لتنفيذ مهمة معينة. بعضها منتشر، وبعضها اختصارات عملية تقدر تستخدمها بنفسك. النتائج ممكن تختلف حسب النموذج، والأفضل تضيف تفاصيل بعد الأمر.
تستخدمه إزاي؟
اكتب الأمر في أول رسالتك للأداة، وبعده طلبك بالتفصيل. الأمر نفسه وطرق كتابته متاحة للمشتركين.
الشرح
«الأمر» يطلب من النموذج مراجعة أو إعادة بناء تخطيط ليعمل على كل الأحجام بنهج الهاتف أولًا: نقاط توقف مبنية على المحتوى، وحدات نسبية، صور متجاوبة (srcset)، جداول تتحول لبطاقات أو تتمرر، أهداف لمس لا تقل عن 44px، وتفادي التمرير الأفقي. يقترح استعلامات الحاوية (container queries) وclamp() للخطوط والمسافات. حدوده: يعتمد على ما تصفه أو تلصقه فقط، فاختبر على أجهزة حقيقية وأحجام مختلفة (320 وحتى شاشات كبيرة) وفي الاتجاهين الأفقي والرأسي، ولا تثق بمحاكيات المتصفح وحدها للتفاعل باللمس.
طرق الاستخدام والمثال الجاهز للمشتركين
- كل طرق كتابة الأمر ومعنى كل طريقة
- مثال جاهز تنسخه بضغطة وتجرّبه على طول
- نصائح لنتيجة أدق وأوامر مرتبطة
مشترك بالفعل؟ سجّل الدخول