21 موقعًا للموارد الأساسية لمصممي الويب

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

1. قائمة منفصلة

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

كيفية إخفاء الصور على الفيسبوك عن الجمهور

اثنين. 24 طرق

وصفت نفسها بأنها 'تقويم مجيء لمحترفي الويب' ، 24 طريقة قدمت منذ عام 2005 أكثر من عشرين مقالًا عن تصميم الويب كل شهر ديسمبر. تتنوع الموضوعات ، ولكن نظرًا لأن المساهمين هم من الدرجة الأولى ، فإن العديد من المقالات الأولى تظل مفيدة وذات صلة - 24 طريقة ليست فقط لعيد الميلاد ، كما تعلم.



3. مجلة التحطيم

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

أربعة. siteInspire

5. حركة UX

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

6. أرض محرك البحث

لا يفيد إنشاء موقع ويب رائع كثيرًا إذا لم يتمكن أحد من العثور عليه. يوفر Search Engine Land أخبارًا حول التسويق عبر محركات البحث ومحركات البحث ، ويقدم تلميحات ونصائح حول تعزيز مُحسنات محركات البحث لديك. لتأمين موقعك على Google ، تحقق أيضًا Google Webmaster Centra ل.

7. W3C

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

8. HTML5 Boilerplate

تبدأ معظم المشاريع بنفس أنواع الملفات ، وغالبًا ما يضيع المصممون الوقت في إعادة إنشائها من الصفر. باستخدام HTML5 Boilerplate ، يمكنك الحصول على السبق باستخدام قالب HTML / CSS / JavaScript قوي ومقاوم للمستقبل. إعادة تعيين HTML5 هو مشروع آخر على نفس المنوال.

9. الغوص في HTML5

إذا كنت بحاجة إلى التعامل مع HTML5 ، فإن كتاب Mark Pilgrim يقدم تعليقًا ممتازًا على عدد من الميزات من المواصفات. الكتاب موجود على الإنترنت بالكامل بموجب ترخيص CC-BY-3.0 ، لكن اشتر نسخة ورقية إذا كنت تستخدم الموقع بانتظام.

10. CSS3.info

في الآونة الأخيرة ، أصبحت المتصفحات منغمسة في معركة من أجل التفوق على دعم CSS المتقدم. تحقيقا لهذه الغاية ، المعيار يتطور بسرعة ملحوظة. يمكّنك CSS3.info من تتبع التطورات ، ومعرفة المزيد حول الخصائص والوحدات النمطية ، واختبار متصفح ضد محددات CSS.

أحد عشر. أدوبي كولر

حتى لو كان لديك اهتمام طبيعي بالألوان ، فإن عجلة الألوان الرقمية هي جزء أساسي من مجموعة أدواتك. ولكن بدلاً من دفع مبالغ نقدية كبيرة لشخص واحد ، استخدم أدوات Adobe Kuler عبر الإنترنت للعمل على مخطط ، أو استلهم من واحد من عدة آلاف موجودة بالفعل على الموقع.

12. Adobe BrowserLab

لا شيء يتفوق على مواقع الاختبار في مجموعة من المتصفحات الفعلية ، ولكن في تلك الأوقات التي تحتاج فيها بسرعة إلى التحقق من سلامة الموقع في متصفح واحد ، ينتج BrowserLab عمليات الاستيلاء الثابتة على أي صفحة ويب كما هو معروض في Chrome و Firefox و Safari و Internet Explorer.

13. 978 نظام الشبكة

يجعل استخدام نظام شبكة قوي من السهل جدًا تصميم تخطيطات مواقع الويب. أحد أفضلها هو 978 Grid System ، والذي يوفر أيضًا قوالب ذات صلة لأحجام الشاشات الأخرى. ال 960 نظام الشبكة هو بديل شائع.

14. أنا أحب الطباعة

على الرغم من عدم الإبلاغ مباشرة عن نوع الويب ، إلا أن I Love Typography هي قراءة أساسية لمصممي الويب. لا يمتلك العديد من مصممي الويب أساسًا شاملاً في الطباعة عالية الجودة ، ولكن مع انتشار خطوط الويب بسرعة ، يعد الانغماس في عالم الكتابة خطوة ذكية.

خمسة عشر. مستودع موارد الويب

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

16. أوبرا ديف

شعار موقع Dev.Opera الإلكتروني هو 'اتبع المعايير ، وانتهك القواعد' ، والتي ربما بدت أكثر إثارة في ذلك الوقت من 'تقديم بعض المقالات المفيدة والمبهجة لمصممي الويب'. ومع ذلك ، هذا ما يفعله الموقع إلى حد كبير ، جنبًا إلى جنب مع توفير منهج معايير الويب في Opera ، لأولئك العاملين في الأوساط الأكاديمية.

17. CSS

CSSPlay من Stu Nicholls هو في الأساس ملعب لتجارب CSS. ومع ذلك ، بدلاً من التركيز على التأثيرات البراقة ، غالبًا ما يؤسس نيكولز عروضه التوضيحية في التطبيق العملي. هناك احتمالات ، إذا كان هناك شيء تحرص على القيام به في CSS ، فستجد عرضًا توضيحيًا يوضح كيفية القيام به على هذا الموقع.

18. أخبار المتصفح

مصدر رائع لإحصائيات الاتجاهات والاستخدام لمحركات المتصفح ومتصفحات الويب الفردية ، كما يوفر Browser News معلومات مفيدة أخرى ، بما في ذلك قائمة بأحجام إعلانات IAB ودليل المتصفح والمزيد.

19. وضع المراوغات

يوفر QuirksBlog نظرة ثاقبة مثيرة للاهتمام حول تصميم الويب وتطويره ، ولكن جدول توافق QuirksMode الرئيسي هو مكان وجود الموقع. هنا ، يمكنك بسهولة معرفة المتصفحات التي تدعم جوانب CSS و DOM. اختبارات HTML5 جارية في وقت كتابة هذا التقرير.

كيفية إضافة نسيج إلى المصور

عشرين. متى يمكنني استخدام ...

على غرار QuirksMode ، متى يمكنني استخدام… يوفر عددًا من جداول الدعم. يتم تحديث الموقع بانتظام ، كما يوضح تفاصيل دعم المعايير لمتصفحات الأجهزة المحمولة الشائعة ، بما في ذلك iOS Safari و Opera Mini.

واحد وعشرين. FindmebyIP

أخيرًا ، نحب أيضًا جداول توافق FindMeByIP مع HTML5 و CSS3. تم إنشاؤها بواسطة وكالة التصميم DeepBlueSky التي مقرها باث ، وتمكنك من التحقق بسرعة من دعم المتصفح لخصائص CSS3 والمحددات وتطبيقات الويب HTML5 والرسومات والمحتوى المضمّن وبرامج ترميز الصوت والفيديو بالإضافة إلى مدخلات النموذج والسمات.