20 تطبيق واداة مفيدة لمصممي الويب #1

في هذه المقالة اردت ان اجمع احدث التطبيقات التي اطلقت مؤخرا لتساعد مصممي الويب في اداء افضل وتسهم في توفير اكثر للوقت والجهد.

فسوف تجد تطبيقات تساعدك في انشاء ايقونات خطية icon-fonts، حساب عرض العناصر اما بالنسب المئوية او بالبكسيل ، تطبيقات ستساعدك في كتابة تيبوغرافي انيق ، ادوات تساعدك في تصنيف الـ CSS ، اداة للتدقيق في ملف PSD  ……. وغيرها .

1- Daturi

تطبيق يساعدك في تحويل الصور الى  Base64.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

2- px-em

تطبيق لحساب  PX الى EM.

20 تطبيق واداة مفيدة لمصممي الويب #1

3- PSD Validator

اداة تساعدك في التحقق من ملفات الـ PSD الخاصة بك.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

4- Create CSS3

مولد بسيط وفعال لملفات CSS3

20 تطبيق واداة مفيدة لمصممي الويب #1

 

5- SassMe

تطبيق يساعدك في مشاهدة خصائص اللون .

20 تطبيق واداة مفيدة لمصممي الويب #1

 

6- Responsive Wireframes

يساعدك في انشاء الاطارات المتجاوبة RWD wireframes ومشاركتها.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

7- iconmelon

انشاء مكتبة سريعة من ايقونات SVG

20 تطبيق واداة مفيدة لمصممي الويب #1

 

8- GlyphSearch

تطبيق يساعدك في البحث عن الخطوط والايقونات بمختلف انواعها.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

9- Raw

تطبيق يساعدك في انشاء ملفات فيكتور مخصصة للجافا سكريبت

20 تطبيق واداة مفيدة لمصممي الويب #1

 

10- Random User Generator

مكتبات API  تعرض عليك مستخدمين عشوائيين ، تشبه فكرة نصوص لوريم ايبسوم الافتراضية فهذه توفر لك حسابا لاشخاص افتراضيين.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

11- uinames

اداة بسيطة تساعدك في توليد اسماء لتستخدمها في ملفات الموك اب mockup

20 تطبيق واداة مفيدة لمصممي الويب #1

 

12- FontAwesome Finder

للبحث بسهولة عن احدث الخطوط المميزة والايقونات.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

13- typesetwith.me

يساعدك في كتابة تيبوغرافي وامكانية عرضه لمشاهدة التفاصيل.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

14- Type Scale

لحساب انقرائية التيبوغرافي واستعراض الخط وحجمه .

20 تطبيق واداة مفيدة لمصممي الويب #1

 

15- Contrast Ratio

اداة لحساب تناسب الالوان ودرجة تشبعها.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

 

16- CSS Beautifier

اداة ستساعدك على اضافة لمسات جمالية على ملفات الـ CSS بصورة اوتوماتيكية لتسهيل قراءتها.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

17- RQRWD

اداة لتتحكم في عرض العناصر اما بالنسب المئوية او البكسيلات.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

18- Z-Bugs

اداة تساعدك في ضغط وتصغير ملفات  CSS  و JS بسرعة وبنقرة واحدة.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

19- Iconogen

اداة لتوليد ايقونات favicons و Windows 8 Tiles و iOS7.

20 تطبيق واداة مفيدة لمصممي الويب #1

 

20- MQtest.io

تطبيق يساعدك في التعرف على اي ملفات الوسائط التي يستجيب لها جهازك.

20 تطبيق واداة مفيدة لمصممي الويب #1

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

6 تعليقات

  1. عمرو عابد
    6 فبراير,2014 في 1:01 ص - Reply

    تسلمي موضوع رائع

  2. magico
    6 فبراير,2014 في 1:16 ص - Reply

    تسلم ايدك يا كبييييييييييييير

  3. منى كمال
    6 فبراير,2014 في 9:30 ص - Reply

    شكرااا على المقال …ادوات مفيدة جدا و هامه ..جراكى الله خيرا

  4. Akhiliss
    22 فبراير,2014 في 6:37 م - Reply

    كيف أخي يمكننا الولوج لهاته التطبيقات أنت لم تذكر لا أسمائها و لم تضع روابط للولوج إليها

    • محمد ماهر
      23 فبراير,2014 في 2:40 ص - Reply

      الروابط موجودة علي العناوين بجانب الارقام 😀
      اضغط علي الاسم وهتتنقل للتطبيق

      http://prntscr.com/2uynp3

  5. زائر
    29 مايو,2015 في 9:15 م - Reply

    شكراً جزيلاً