الويب
سد الفجوة بين المصممين والمطورين
أطلقت UXPin مؤخرًا ميزة جديدة تسمى "دمج". تهدف هذه الأداة إلى اختراق فجوات التصميم والتطوير ، كل ذلك مع تحسين المرونة والجودة التي تتوقعها فرقنا. قد تتسبب هذه التقنية الجديدة في إعادة التفكير في كيفية تعاون فريق التصميم بأكمله والفريق الهندسي.
قراءة المزيدنمط الملء التلقائي الداكن
"النمط المظلم" هو نمط UX خادع يخدع المستخدمين للقيام بأشياء قد لا يرغبون حقًا في القيام بها. في هذه المقالة ، يقوم Alvaro Montoro بتجربة صغيرة لاكتشاف مقدار الخصوصية الذي يتم إبعاده عن المستخدمين عبر ثلاثة متصفحات مختلفة.
قراءة المزيدرسوم متحركة CSS قابلة للإنشاء في Vue مع AnimXYZ
معظم مكتبات الرسوم المتحركة مثل GSAP و Framer Motion مبنية تمامًا باستخدام JavaScript أو TypeScript ، على عكس AnimXYZ ، الذي يُطلق عليه "أول مجموعة أدوات رسوم متحركة CSS قابلة للإنشاء" ، تم إنشاؤها بشكل أساسي باستخدام SCSS. الرسوم المتحركة على الويب في فترة زمنية قصيرة ورمز صغير.
قراءة المزيداستخدام تنسيقات الصور الحديثة: AVIF و WebP
في هذه المقالة ، سنسلط الضوء على كيف يمكن لتنسيقات الصور الحديثة (AVIF أو WebP) تحسين الضغط بنسبة تصل إلى 50٪ وتقديم جودة أفضل لكل بايت مع استمرار المظهر الجذاب. سنقارن ما هو ممكن في أهداف عالية الجودة ومنخفضة الجودة وحجم الملف.
قراءة المزيدتحسين إمكانية الوصول إلى Markdown الخاص بك
يمكنك العثور على Markdown في العديد من الأماكن على الإنترنت. تتناول هذه المقالة جوانب مختلفة من Markdown وكيف تتفاعل مع التقنيات الأخرى.
قراءة المزيددعونا نتعمق في شجرة السرو للاختبار الشامل
هل الاختبار الشامل موضوع مؤلم بالنسبة لك؟ في هذه المقالة ، تشرح Ramona Schwering كيفية التعامل مع الاختبار الشامل باستخدام Cypress وجعله ليس مملاً ومكلفًا بالنسبة لك ، ولكنه ممتع بدلاً من ذلك.
قراءة المزيدإعادة إنشاء موقع إلكتروني كبير للتجارة الإلكترونية باستخدام Next.js (دراسة حالة)
لقد قمنا بالتبديل من منصة التجارة الإلكترونية التقليدية المتكاملة إلى منصة بدون رأس باستخدام Next.js. فيما يلي أهم الدروس المستفادة أثناء إعادة بناء موقع تجارة إلكترونية كبير باستخدام Next.js.
قراءة المزيدتبسيط أنماط النموذج مع تمييز الألوان
تجعل خاصية CSS "accent-color" الجديدة من السهل والسريع طرح ألوان علامتنا التجارية على مدخلات نموذج معينة من خلال الاستفادة من أنماط وكيل المستخدم. في هذه المقالة سنلقي نظرة على ما يفعله وكيفية استخدامه جنبًا إلى جنب مع "مخطط الألوان" لمربعات الاختيار وأزرار الاختيار البسيطة التي يمكن الوصول إليها - وتخيل كيف يمكننا استخدامه في المستقبل.
قراءة المزيدكيف تبني بيئة تطوير عديمة الماوس الخاصة بك
يوفر بناء بيئة تطوير مع الغلاف كحجر أساسي فوائد متعددة. يمكنك تخصيص كل شيء وفقًا لاحتياجاتك الخاصة ، والأهم من ذلك كله ، يمكنك التحكم في بيئة التطوير بأكملها باستخدام لوحة المفاتيح.
قراءة المزيدكيف تساعد أدوات تطوير الويب المستخدمين على مواكبة التغيير السريع
كانت الأشهر الثمانية عشر الماضية فترة اضطراب غير مسبوق. نظرًا لتدفق الناس في جميع أنحاء العالم عبر الإنترنت ، انضمت إليهم الشركات ، باستخدام أدوات تطوير الويب للتكيف في الوقت الفعلي.
قراءة المزيد