المجيب: معاينة تصميم الويب سريع الاستجابة للأجهزة المختلفة

تصميم الويب سريع الاستجابة هو كل الغضب هذه الأيام ، خاصة وأن HTML 5 و CSS 3 قد اكتسبا شعبية. من خلال التصميم سريع الاستجابة ، تقوم بشكل أساسي بتصميم موقعك لجميع المنصات والدرجات ، و يتغير موقع الويب تلقائيًا دون كسر التصميم وفقًا لعرض المستعرض للشاشة جهاز. لذلك ، أثناء بناء موقع ويب متجاوب ، يحتاج المرء إلى اختبار سيولة التصميم على نطاق واسع على مجموعة من درجات دقة الشاشة الشائعة. The Respinator هي خدمة ويب بسيطة تمنحك معاينة لموقع الويب المتجاوب على العديد من درجات دقة الشاشة الشائعة للأجهزة المستخدمة على نطاق واسع.

المفهوم الكامن وراء المجيب بسيط: افعل شيئًا واحدًا وافعله جيدًا. عند زيارة الموقع ، يتم تقديمك بواجهة مباشرة ، بدون زخرفة ، مع إطارات للعديد من الأجهزة المعروضة عموديًا ، بدءًا من iPhone ، الانتقال إلى بضع قرارات Android ، إلى iPad ، والتوقف أخيرًا في Kindle ، لتغطية الكثير من الأجهزة الشائعة في كل من البورتريه والأفقي أساليب.

بشكل افتراضي ، هذه الإطارات فارغة. يجب عليك إدخال عنوان URL الخاص بالموقع الذي ترغب في معاينته في مربع النص العلوي الأيسر ، والضغط على GO. بعد ذلك يقوم المجيب بعمل سحره ، ويظهر لك كيف سيبدو موقعك على جميع هذه المنصات والنتائج مثيرة للإعجاب.

في اختبارنا ، استخدمنا موقع موارد تصميم الويب الممتاز مجلة Smashing لديها تصميم سريع الاستجابة. كما هو متوقع ، أظهرت جميع الإطارات أن الموقع مشابه بشكل مقنع للطريقة التي تم بها عرض أجهزة الاختبار الحقيقية الخاصة بنا. (انقر على الصورة الموضحة أعلاه لعرض النسخة الكاملة).

هناك أيضا مفيد التطبيق المختصر المستجيب (معروض في عن الصفحة) لمعظم متصفحات الويب الحديثة التي يمكنك سحبها وإفلاتها على شريط أدوات الإشارات المرجعية. بمجرد إضافتها إلى هناك ، ما عليك سوى تصفح مواقع الويب مثل الوضع الطبيعي واضغط على التطبيق المختصر في أي وقت تريد فيه اختبار تصميم الموقع من أجل الاستجابة ، لفتحه تلقائيًا في The مستجيب.

في الختام ، في حين أنه قد لا يظهر لك الملاءمة الدقيقة لجميع الأجهزة الموجودة ، فإن The Respinator هو بالتأكيد أداة مفيدة لمطوري الويب في الحصول على ذروة سريعة حول كيفية عرض مواقعهم على أجهزة الجوال ، مع البناء على التصميم سريع الاستجابة مبادئ.

قم بزيارة المجيب