تحديثات المنتج
جدول زمني لكل ميزة تمت إضافتها، وكل خطأ تم إصلاحه، وكل بكسل تم صقله.
خارطة طريق الإصدار 1.0
نحن نضع اللمسات الأخيرة على خارطة الطريق لإصدارنا الرئيسي الأول. التركيز ينصب على ثلاث ركائز أساسية:
🌍 التدويل (i18n)
نحن نبني نظام تدويل قوي من الصفر.
- دعم متعدد اللغات: توجيه سلس لـ
en،fr،de، وar. - دعم RTL: دعم من الدرجة الأولى للغات من اليمين إلى اليسار مثل العربية.
- ترجمات آمنة النوع: قاموس آمن النوع لجميع مكونات واجهة المستخدم.
🔍 قدرات البحث
دمج محرك بحث ثابت قوي لنتائج فورية.
- تكامل Pagefind: فهرسة بحث ثابتة بدون إعدادات.
- لوحة الأوامر: واجهة
Cmd+Kللتنقل السريع. - فهرسة متعددة اللغات: نتائج البحث تحترم اللغة الحالية.
🔓 المصدر المفتوح
تجهيز المستودع للإطلاق العام.
- رخصة MIT: مفتوح المصدر بالكامل لاستخدام المجتمع.
- دليل المساهمة: إرشادات واضحة للمساهمين.
- مستودع عام: الانتقال من التطوير الخاص إلى مستودع GitHub عام.
تعزيز الأمان والأداء
تحديث بالغ الأهمية يركز على تبعيات الأمان وتحسين البناء.
🛡️ تحديثات الأمان
- ترقية جميع التبعيات لإصلاح الثغرات الأمنية المعروفة.
- تنفيذ ترويسات سياسة أمان المحتوى (CSP) في التكوين الافتراضي.
- تعقيم حقول الإدخال في نموذج الاتصال لمنع هجمات XSS.
🚀 الأداء
- تحسين الصور: تحسين تكوين
astro:assetsلملفات WebP أصغر بنسبة 20%. - التحميل الكسول: تمكين التحميل الكسول الأصلي لجميع الصور الموجودة أسفل الطية.
[!IMPORTANT] يوصى بهذا التحديث لجميع عمليات النشر الإنتاجية.
معزز الأداء
لقد قمنا بمراجعة قاعدة التعليمات البرمجية بالكامل لتحقيق درجات Lighthouse مثالية.
⚡ الأداء
- تكامل Partytown: تنفيذ البرامج النصية لجهات خارجية خارج الخيط الرئيسي.
- تحسين الخطوط: الخطوط المستضافة ذاتيًا مع
font-display: swapأصبحت افتراضية الآن. - Critical CSS: تضمين الأنماط الحرجة لعرض أول محتوى (FCP) فوري.
المكونات
- الصورة: غلاف مكون
Pictureجديد للتوجيه الفني المتقدم.
محرك السمات 2.0
تحكم كامل في الهوية البصرية لعلامتك التجارية مع محرك السمات الجديد.
🎨 ميزات السمات
- متغيرات CSS المتغيرة: تغيير الألوان الأساسية في وقت التشغيل دون إعادة البناء.
- إعدادات السمات المسبقة: تتضمن إعدادات “منتصف الليل”، “المحيط”، و”الغابة”.
- فحص التباين: تحذير تلقائي في شريط أدوات التطوير إذا كان تباين الألوان منخفضًا للغاية.
تغييرات أخرى
- إضافة دعم لاتجاه RTL في مكون
LogoCloud.
تلميع التفاعلات الدقيقة
إصدار مخصص لجعل واجهة المستخدم تبدو أكثر حيوية واستجابة.
✨ تحسينات تجربة المستخدم
- تغذية راجعة للأزرار: إضافة حالات النشاط وتأثيرات تكبير طفيفة عند النقر.
- تركيز النماذج: تحسين حلقات التركيز مع انتقالات متحركة.
- انتقالات الصفحات: انتقالات عرض أكثر سلاسة بين الصفحات باستخدام Astro View Transitions API.
استقرار وتحسين تجربة المستخدم
يركز هذا التحديث على إصلاح الأخطاء وتحسين تجربة المستخدم.
🐛 إصلاح الأخطاء
- إصلاح مشكلة إزاحة التخطيط في مكون
Heroعلى متصفح Safari. - حل تعارضات z-index بين
NavbarوطبقاتModal. - تصحيح نسب التباين للنصوص في الوضع الداكن لتلبية معايير WCAG AA.
التحسينات
- الطباعة: تعديل ارتفاعات الأسطر لقراءة أفضل للمحتوى الطويل.
- التذييل (Footer): تحسين المسافات وإضافة حالات التحويم لأيقونات التواصل الاجتماعي.
مكتبة مكونات جديدة
قمنا بتوسيع مجموعة واجهة المستخدم بمكونات جديدة أساسية لمساعدتك في البناء بشكل أسرع.
مكونات جديدة
- الخط الزمني (Timeline): تصور تاريخ شركتك أو خريطة الطريق.
- سحابة الشعارات (Logo Cloud): عرض احترافي لشعارات الشركاء/العملاء مع تأثيرات تلوين عند التحويم.
- مسار التنقل (Breadcrumbs): تحسين التنقل للصفحات الفرعية.
تم تضمين أيضًا:
- تحديث
Headerمع التثبيت عند التمرير. - تحسين إمكانية الوصول (تسميات ARIA) لجميع الأزرار.
بداية المشروع
بداية الانطلاقة! تم إصدار Cooper الإصدار v0.0.1 رسميًا.
الميزات الأساسية
- ⚡ تكامل Astro v5 لأداء فائق السرعة.
- 🎨 تنسيق TailwindCSS مع دعم للسمات المخصصة.
- 📱 تصميم متجاوب بنهج الهاتف أولاً.
- 🌗 الوضع الداكن مدعوم بالكامل وجاهز للاستخدام.
يضع هذا الإصدار الأساس لمواقع تسويقية عالية الأداء.
هل تريد البقاء على اطلاع؟
تابعنا على LinkedIn أو اشترك في نشرتنا الإخبارية للحصول على أحدث إصدارات المكتبة.