الويب

دليل كامل لأدوات الوصول

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

قراءة المزيد

إدارة مواقع ووردبريس متعددة محليًا باستخدام DevKinsta

عند تطوير السمات والإضافات لـ WordPress ، نحتاج إلى اختبارها في بيئات مختلفة. كيف يمكننا إنشاء مواقع اختبار متعددة على جهاز الكمبيوتر الخاص بنا ، بسرعة وسهولة ، دون الحاجة إلى أن تصبح مسؤول نظام؟

قراءة المزيد

تحطيم بودكاست الحلقة 39 مع آدي عثماني: تحسين الصورة

في هذه الحلقة من Smashing Podcast ، نتحدث عن تحسين الصورة. ما هي الخطوات التي يجب أن نتبعها للحصول على صور عالية الأداء في عام 2021؟ نتحدث إلى الخبير آدي عثماني لمعرفة ذلك.

قراءة المزيد

عندما لا تكون CSS كافية: متطلبات JavaScript للمكونات التي يمكن الوصول إليها

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

قراءة المزيد

كيفية إنشاء تطبيق ترميز جغرافي في Vue.js باستخدام Mapbox

في هذا الدليل ، سنلقي نظرة عامة على مفاهيم الترميز الجغرافي الأمامي والترميز الجغرافي العكسي ، وسننشئ تطبيقًا مصغرًا يطبق هذه المفاهيم لعرض مواقع محددة ، باستخدام Mapbox و Vue.js 2.6.11 لتحقيق ذلك .

قراءة المزيد

الشروع في استخدام Webpack

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

قراءة المزيد

إدارة الحالة المشتركة في Vue 3

يمكن أن تمثل كتابة تطبيقات Vue على نطاق واسع تحديًا. في هذه المقالة ، يتعمق Shawn Wildermuth في إيجابيات وسلبيات الأساليب مثل المصانع والأشياء المشتركة واستخدام Vuex. يشرح أيضًا ما هو قادم في Vuex 5.0 والذي قد يغير كيفية استخدامنا جميعًا للحالة المشتركة في Vue 3.

قراءة المزيد

كيفية إصلاح مشكلات تغيير التخطيط التراكمي (CLS)

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

قراءة المزيد

تحسين أداء متجر على الإنترنت (دراسة حالة)

إن الحصول على درجة أداء جيدة من Google أمر صعب على أي موقع ويب - ولكن القيام بذلك لمتجر عبر الإنترنت يكون أصعب. لقد حققنا درجات خضراء - حتى العديد منها للجوال. هنا هو كيف فعلنا ذلك.

قراءة المزيد

إضافة نظام تعليق إلى محرر WYSIWYG

في هذه المقالة ، سنعيد استخدام محرر WYSIWYG الأساسي الذي تم تضمينه في المقالة الأولى لبناء نظام تعليق لمحرر WYSIWYG والذي يمكّن المستخدمين من تحديد نص داخل مستند ومشاركة تعليقاتهم عليه. دعونا نحفر!

قراءة المزيد