15 أداة لإختبار تصميم الويب المتجاوب – Responsive Web Design

التصميم المتجاوب ينظر إليه علي أنه النهج الذي يشير إلي أن تصميم المواقع وتطويرها يجب أن تكون مستجيبة لسلوك للمستخدم النهائي والبيئة استنادا الي حجم الشاشة والنظام الذي يستخدمه وتتكون الاستجابة من مزيج مرن من الشبكات والمخططات والصور واستخدام ذكي ل”CSS media queries”.

وقد تحدثنا سابقا عن التصميم المتجاوب وكيف نشأ . في هذا المقال سنقدم 15 أداة مفيدة  لتساعدك في اختبار موقعك واكتشاف مدي تجاوبه  علي الاجهزة المختلفة وكيف سيبدو .

 

1. ProtoFluid 4

protofluid4

 

 

2. Viewport Resizer

viewport-resizer

 

 

3. Responsive.IS

responsiveis

 

 

4. Respondr

Respondr

 

 

5. Froont

froont

 

 

6. Responsivepx

responsivepx

 

 

7. Responsive Web Design Testing Tool

Responsive-Design-Testing

 

 

8. Screenfly

screenfly

 

 

9. Review.js

reviewjs

 

 

10. Responsinator

Responsinator

 

 

11. Resizemybrowser

resizemybrowser

 

 

12. Responsive Design Bookmarklet

Responsive-Design-Bookmarklet

 

 

13. Adobe Edge Inspect CC

adobe-edge

 

 

14. I am mobile

iammobile

 

 

15. Retina Images

Retina-Images

مقالات ذات صلة

اضف رد