الويب

كيفية تنفيذ المصادقة في Next.js باستخدام Auth0

برنامج تعليمي خطوة بخطوة حول إضافة المصادقة والتفويض إلى تطبيقات Next.js الخاصة بك ، باستخدام Auth0. سنستخدم Next.js SDK لتوصيل تطبيقنا بواجهة Auth0 API وسننشئ مسار واجهة برمجة تطبيقات ديناميكي لـ React.

قراءة المزيد

أنماط تصميم محبطة: قوائم تحوم كبيرة منسدلة

كل شيء يجب مراعاته عند تصميم وبناء قائمة منسدلة ضخمة ، والمخاطر الشائعة ، وتأخيرات الدخول / الخروج بالمرور ، وتقنية مثلث المسار ومناطق الخروج من مسار SVG.

قراءة المزيد

كيفية إنشاء وتحرير وتحريك SVGs الكل في مكان واحد باستخدام SVGator 3.0

اليوم ، نلقي نظرة فاحصة على [SVGator 3.0] (https://www.svgator.com/؟utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing) ، وهو إصدار رئيسي جديد من تطبيق SVG الشهير الذي يتيح لك إنشاء وتعديل و حرك ملفات SVG وحقق أقصى استفادة مما تقدمه SVG - من البداية إلى النهاية.

قراءة المزيد

تحطيم بودكاست الحلقة 37 مع آدم أرجيل: ما هو VisBug؟

في هذه الحلقة نتحدث عن VisBug. ما هو وكيف يختلف عن مجموعة الخيارات الموجودة بالفعل في Chrome DevTools؟ درو ماكليلان يتحدث إلى مبتكرها آدم أرجيل لمعرفة ذلك.

قراءة المزيد

كيف قمنا بتحسين العناصر الحيوية الأساسية للويب (دراسة حالة)

سيبدأ طرح "تحديث تجربة الصفحة" من Google في حزيران (يونيو). في البداية ، ستتمتع المواقع التي تلبي عتبات Core Web Vitals بميزة تصنيف ثانوية في بحث الجوال لجميع المتصفحات. يعد البحث أمرًا مهمًا لأي شركة ، وهذه هي قصة كيف قام Beau Hartshorne وفريقه في Instant Domain Search بتحسين نتائج Core Web Vitals الخاصة بهم.

قراءة المزيد

اهتزاز الشجرة: دليل مرجعي

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

قراءة المزيد

أنماط التصميم المحبطة التي تحتاج إلى إصلاح: منتقي أعياد الميلاد

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

قراءة المزيد

قصص صغيرة محطمة

يصادف اليوم اليوم الذي أرسلنا فيه العدد 300 من نشرة Smashing Newsletter. هذا المقال عبارة عن احتفال صغير نشارك فيه قصصًا صغيرة من Smashing من أشخاص يعملون خلف الكواليس.

قراءة المزيد

فهم وظائف التسهيل لحركات CSS وانتقالاتها

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

قراءة المزيد

كيف تخبز طبقات من اختبار إمكانية الوصول في عمليتك

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

قراءة المزيد