مواقع لا غنى عنها لكل مصمم ويب (مكود)... ستحتاجها كثيراً أثناء عملك

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

1- FontAwesome.io

هو موقع يرجع له العديد من مصممي الويب للحصول على خطوط الأيقونات (Icons Fonts)، بمعنى أيقونات كالخطوط تمامًا، لا يؤثر حجمها على جودتها، مثل ملفات الفكتور (Vector).
يحتوي الموقع على أيقونات لمواقع التواصل الإجتماعي، والأيقونات الأساسية لمواقع الويب، كأيقونة البحث... أيقونة الإغلاق، الأسهم، وأيقونات بعض العملات كـالين والدولار واليورو والبيتكوين... إلخ.
هذا الموقع إن كنت ستعرفه لأول مرة، فسيعجبك كثيراً.
تستطيع الحصول على كود CSS الخاص به من هنا: Bootstrap CDN.
ملحوظة: هذا الموقع مناسب لنمط التصميم المسطح (Flat Design).

2- Material Icons (Google)

إن كنت من عشاق التصميم المادي (Material Design)، فهذا الموقع (التابع لـGoogle) يحتوي على كل أيقونات التصميم المادي... سيسهل عليك عناء البحث عن الأيقونات... نمط عمله كالموقع الأول، إلا أنه أسهل ويناسب التصميم المادي فحسب.
لكي تحصل على الأيقونات وأكوادها، يكفي الدخول هنا: Material Icons Google.

3- Pexels

إن كنت تصمم موقعًا لعلامة تجارية ما، فأنت غالبا ما ستحتاج صورة لخلفية الترويسة (الهيدر - Header)... وبالطبع صديقي، أنت لن تذهب لـGoogle وتبحث عن ذلك... بل يجب عليك ألا تقوم بذلك أبداً، فقد تتعرض للإحراج، هذا إن لم يتم عقابك لأنك خرقت حقوق ملكية الصورة.
هذا الموقع أتى بالحل للمصممين، سواء على مستوى تصميم الجرافيك أو تصميم الويب... فهو يأتي لك بصور رائعة للغاية، وبدون حقوق ملكية فوق كل هذا! كم هذا الموقع رائع! شخصياً، أنا أستخدمه دائماً.

4- W3Schools

نعم نعم، أعرف أنك تستغرب الآن وتقول لي: «هل أنت تمازحني أم ماذا؟»... لا، لست أمازحك. أنا أتردد لهذا الموقع كثيراً في حال نسياني لأي خاصية في أي لغة لتصميم الويب، وخاصة CSS. الحقيقة أن هذا الموقع لا يوجد موقع أشمل منه في تعليم برمجة الويب وتصميم الويب... ولهذا أتردد إليه كثيراً.
أيضاً، ليس هذا فقط، بل أن هذا هو الموقع الرسمي لتعلم تصميم وبرمجة الويب التابع لـW3C.

5- CSS Tricks

هذا الموقع، هو الآخر أعتبره كالموقع الذي قبله... هو موسوعة رائعة، لخدع وحيل لغة CSS التي أعشقها.
ستجد هناك العديد من الشروحات... خلاصة القول: «إن وجدت نفسك عاجزًا أمام طلب العميل المستحيل، فالجأ لهذا الموقع... هناك ستجد أإلب الحلول لأغلب المشاكل، لقد بني خصيصًا لك.».

6- Owl Carousel

أغلب المصممين يعرفون هذا الموقع. إن كنت مصمم ويب متمرس، فتستطيع تجاهل هذه الفقرة... المهم:
هذا الموقع هو موقع لسكربت jQuery، هذا السكربت هو سلايدر يمكنك تخصيصه كما تشاء عن طريق jQuery... الموقع رائع جداً وسيوفر عليك العمل كثيراً، بالمناسبة: السلايدر في مدونتكم نطاق المعلوميات، مبني بواسطة هذا السكربت!

7- FontFace.me

هو موقع عربي يحتوي على خطوط عربية رائعة وصالحة للإستخدام، يعني مسموح استخدامها في تصميمك... ستجد هناك العشرات من الخطوط الرائعة، بعضها صالح لتصميم الويب، والآخر لتصميم الجرافيك... الموقع يضيف خطوطًا جديدةً بطريقة دورية.

8- Google Fonts

أبو الخطوط... هذا هو وصفي لهذا الموقع، لأنه ببساطة يحتوي على أغلب الخطوط التي قد تحتاجها لتصميم صفحة ويب، وخاصة الخطوط الأجنبية، صحيح أنه يحتوي على خطوط عربية قليلة، لكنها رائعة بالفعل... للإضافة، فإن للموقع صفحة تسمى Early Access ستجد بها خطوطاً عربية أخرى... لكن بدون معاينة للأسف.

9- Colour Lovers

موقع يحتوي على ملايين ألواح الألوان... هذه الألواح، أو Palettes، ستساعدك كثيراً في تصميم موقعك، ببساطة لأن الألوان هي أساس صفحة الويب... وهي جزء لا غنى عنه، لهذا وضعت هذا الموقع في القائمة.

10- ?????????? ????

نعم، لا خطأ بالعنوان، تعمدت ذلك... صدقًا، تعمدت ذلك... لست أنا من سأخبرك بهذا الموقع، بل سأتركه فارغاً لتخبرني أنت بالموقع الذي في نظرك يستحق أن يكون في هذه القائمة.

إذن إلى هنا وصلنا لنهاية المقال الذي أتمنى أنه قد لبى رغباتك واحتوى على المواقع التي ستحتاجها فعلًا أنت كمصمم ويب.

لاتنسى أن تخبرني الموقع التي ترى أنه يستحق أن يكون ضمن القائمة...

مواضيع مهمة أيضا