إطار عمل لمسه الإصدار التجريبي
السلام عليكم و رحمة الله وبركاته،
الحمدلله انتهيت من تصميم اول اطار عمل ليا و تحرير التوثيق الخاص به ( touch / لمسه ) .
تم بناء الإطار بهدف ان يكون بسيط و خفيف الحجم.
الخصائص
تصميم متجاوب
تم بنائه عن طريق ال sass ( سوف يتم فتح المصدر في وقت لاحق )
خفيف الحجم
يدعم إتجاهي الكتابة الاثنين ( RTL / LTR )
Mobile First
flexible grids لقد حاولت ان اضيف شئ خاص على ال grids system هو انه لا يعتمد على حجم الشاشة فقط لكي يحدد حجم بل ياخذ بعين الإعتبار ال columns التي تحاذيه وعددها ( مثلا صف فيه ثلاثة اعمدة col-4 في الشاشات المتوسطة ستجد انه العمودين الأولين ياخذون 50% من حجم الصفحة و لكن الاخير يأخذ 100% من حجم الصفحة، توجد صفحة فيها امثل و شرح اكبر لل grids )
قد تم تضمين ملفات الcss & normalize الأساسية الخاصة بال boilerplate
كما انه تم استعمال اتفاقية BEM لتحديد اسامي الكلاسات في ال css
لمراجعة التوثيق و التحميل الرجاء زيارة الموقع الرسمي
او زيارة الموقع الاحطياتي ( في حالة ماتوقف الموقع الرسمي عن العمل بسبب تجاوز ال200 زائر المسموح بها في اليوم )
النسخة الحالية هي مجرد نسخة تجريبة فما هي أرائكم و إنتقاداتكم والاشياء التي من الممكن اني اضيفها او الغيها في النسخة القادمة.
التعليقات
جميل أن نرى مبادرات بهذا الشكل من الشباب العربي
بالتوفيق
تحديث :
لما لا تجعل الإطار عربي بالكامل؟ ستكون فكرة نهضوية نوعاً ما..
رائع ! اتمنى ان يكون هذا المشروع نواة لمشاريع أخرى داعمة للغة العربية خصوصا ، وللغات RTL عموما كـالفارسية.
أقترح تصميم صفحات Basic كLayout لموقع تسوق ، وأخرى لمنتدى (فقط الاساسيات : التجاوب - تموضع العناصر - اللون ابيض - رمادي - اسود).
تحديث : القائمة العلوية تحتاج لحروف كبيرة Capital فهذا مزعج بشكل لا يصدق!!!!
عمل جيد ,
هل باب المساعدة مفتوح ؟
Buttons, Labels, Form يمكن ان تكون افضل
Slates الرابط لا يعمل
بالتوفيق لك
مرحبا اخي، ان شاء الله عندما افتح مصدر ملفات ال sass في الاصدار القادم سيكون الباب مفتوح لل contributions في ال github.
صحيح في ال forms لم اشتغل عليها جيدا، إن شاء الله تكون احسن في الاصدار القادم.
بالنسبة لل'slates' يمكنك تجريب الرابط الإحطياتي او حذف الكاش في بعض الاحيان يحل المشكلة اذا صادف وان قام المتصفح الخاص بك بحفض صفحة خطأ ك ' كاش ' لرابط الصفحة.
مرحبا، تم وضعه في ال github ولكن حاليا لم افتح مصدر ملفات ال sass سوف افعل ذلك في الاصدارات القادمة.
رائع صديقي
منذ مدة كنت صممت إطار عمل لكن بcss فقط ثم أعدت تكويد اخر ب less و الان بدأت في اخر ب sass
لدي استفسار بخصوص grid system هل ممكن ان تتحدث اكثر عنه ؟ من ناحية تكويد ؟ ناحية تقنية
بالتوفيق صديقي (y)
مرحبا اخي،
الgrid system مبني على ال neat وهي مكتبة مبنية على sass ( تحتاج الى مكتبة bourbon ايضا )
فائدة ال neat انه توفر لك mixins و functions لل sass لتبني بها grid system يعني المكتبة تتكفل بحساب الاحجام و الgutters...
ولكن هي تتكفل بجعل النظام fluid فقط لجعله responsive راح تستعمل media queries لإعادة بناء ال grid system ( او بالاحرى اعادة ضبط الاحجام الخاصة بال columns )