موارد جديدة لمصممي ومطوري الويب (مارس 2016)
ركزنا في الدفعة الأخيرة على مكتبات Javascript و CSS المختلفة للمساعدة في إنشاء مواقع ويب وتطبيقات ويب أفضل. هذا الشهر ، لدينا المزيد من المكتبات التي نوصي بها إلى جانب التركيز البسيط على الطباعة.
في هذه الجولة من السلسلة ، ستنظر إلى عدد قليل من مكتبات JS التي ستجدها مفيدة ولكن أيضًا مجموعة من النصائح ومقال طويل جدًا حول الطباعة ومولد ألوان وإطار أمامي خفيف الوزن. دون مزيد من اللغط ، دعونا التحقق منها.
انقر للحصول على مزيد من المواردانقر للحصول على مزيد من الموارد
ابحث عن مجموعتنا الكاملة من الموارد الموصى بها وأفضل أدوات تصميم وتطوير الويب المتاحة.
نصائح JS
JS Tips عبارة عن مجموعة من نصائح JavaScript ، بعضها يدور حوله بناء الجملة, بعض حول رمز الكفاءة والأداء, وبعضها الآخر خاص بإطار عمل مثل AngularJS. تضاف نصائح جديدة يوميا وهناك حاليا 50 نصائح صادرة. إنه في الأساس يجب أن المرجعية موقع لكل مطور ويب.
مدير متشرد
مدير متشرد هو تطبيق واجهة المستخدم الرسومية للتحكم في المتشرد. MAMP مماثل ، حيث يمكنك إيقاف أو تشغيل Vagrant ، ومعرفة أي Vagrant قيد التشغيل حاليًا. التطبيق متاح لنظام التشغيل X وللنوافذ. إذا لم تكن متأكدًا من ماهية Vagrant ، فتحقق من منشورنا السابق حول كيفية تثبيت WordPress محليًا باستخدام Vagrant.
[بولما]
[بولما] هو إطار الواجهة الأمامية. الحزمة تشمل بعض مكونات واجهة المستخدم المشتركة على شبكة الإنترنت مثل الملاحة ، المنسدلة ، (وبطبيعة الحال) الشبكة التي بنيت بالكامل مع حول flexbox. الميزة الوحيدة المفقودة (على الأقل ، في الوقت الحالي) هي مكونات JavaScript. تعد مكونات Bulma أقل نحافة مقارنةً بـ Bootstrap ، لكن يجب أن تكون كافية لإنشاء موقع ويب صغير ولكن يمكن تقديمه.
غوتنبرغ
سميت على اسم يوهانس غوتنبرغ ، مخترع الصحافة الجماهيرية. غوتنبرغ هي مجموعة من قواعد النمط لإعداد الطباعة المناسبة على الويب. تحدد قواعد النمط الخط الأساسي وحجم الخط وقياسه وارتفاع الخط. مكتبة نمط رائعة لجعل محتوى موقع الويب الخاص بك تبدو أفضل بكثير.
OkayNav
OkayNav هي مسج لبناء الملاحة استجابة ، ولكن ليس فقط واحد آخر. يحتوي المكون الإضافي على تصميم مختلف قليلاً: حيث يتم تغيير حجم إطار العرض إلى أصغر ، فستكون كل قائمة تدريجيا دمجها في أيقونة لتحمل حجم منفذ العرض المحدود. يبدو بارد ، أليس كذلك?
الطباعة على شبكة الإنترنت الجديدة
ال الطباعة على شبكة الإنترنت الجديدة مقالة متعمقة تفتح عينها حول الطباعة. يناقش الأنماط من الأيام الأولى للكتب إلى الطريقة الحالية التي نبنيها ونستهلكها على الويب. تم إعداده بشكل جيد مع الرسوم التوضيحية المتعددة ، والمرجع إليها بالكامل ، إنه مقال مطول من قبل روبن ريندل ، لكنه بالتأكيد يستحق القراءة للحصول على فهم أفضل للطباعة.
لون آمن
لون آمن هي لوحة مولد الألوان للويب. على عكس الأدوات التي ذكرناها سابقًا في هذه السلسلة ، فإن ColorSafe ستقوم فقط بإنشاء ألوان تتوافق مع معيار WCAG لإمكانية الوصول إلى الألوان.
مربع حوار الوسائط القابلة للوصول
هذه مكتبة JavaScript صغيرة (فقط ~ 0.5 كيلو بايت) إلى بناء نافذة الحوار مشروط. ليكون الوصول إليها ، يمكن للمستخدمين فتح وإغلاق والتنقل بسهولة من خلال الحوار باستخدام لوحة مفاتيح وماوس. الحزمة هي ببساطة جافا سكريبت عارية ، لا يوجد حبات ، حتى تتمكن من تشكيل مشروط مربع الحوار بحرية بالطريقة التي تريدها.
Mo.js
Mo.js هي حزمة كاملة من مكتبة الرسوم المتحركة JavaScript. لأنه يأتي مع اثنين من الإعدادات المسبقة حتى تتمكن من ضبط وتشغيل الرسوم المتحركة بسرعة. إنه نظامي ، مما يسمح لك بإزالة الوظائف غير الضرورية ، وكذلك السوائل والسلس. كونها مكتبة جديدة جديدة ، للأسف ، الوثائق ليست جاهزة بعد (في الوقت الحالي).
حبيبات
تضيف هذه المكتبة شبكات الجسيمات العائمة على موقع الويب الخاص بك ، وذلك لجعل موقع الويب الخاص بك يبدو أكثر برودة على الفور. سوف تتفاعل الجزيئات مع حركة المؤشر. يمكن تكوين ردود الفعل وكذلك العناصر الأخرى مثل الألوان والمسافة والشكل من خلال الخيارات.