26

إطار عمل لمسه الإصدار التجريبي

السلام عليكم و رحمة الله وبركاته،

الحمدلله انتهيت من تصميم اول اطار عمل ليا و تحرير التوثيق الخاص به ( touch / لمسه ) .

تم بناء الإطار بهدف ان يكون بسيط و خفيف الحجم.

الخصائص

  • تصميم متجاوب

  • تم بنائه عن طريق ال sass ( سوف يتم فتح المصدر في وقت لاحق )

  • خفيف الحجم

  • يدعم إتجاهي الكتابة الاثنين ( RTL / LTR )

  • Mobile First

  • flexible grids لقد حاولت ان اضيف شئ خاص على ال grids system هو انه لا يعتمد على حجم الشاشة فقط لكي يحدد حجم بل ياخذ بعين الإعتبار ال columns التي تحاذيه وعددها ( مثلا صف فيه ثلاثة اعمدة col-4 في الشاشات المتوسطة ستجد انه العمودين الأولين ياخذون 50% من حجم الصفحة و لكن الاخير يأخذ 100% من حجم الصفحة، توجد صفحة فيها امثل و شرح اكبر لل grids )

قد تم تضمين ملفات الcss & normalize الأساسية الخاصة بال boilerplate

كما انه تم استعمال اتفاقية BEM لتحديد اسامي الكلاسات في ال css

لمراجعة التوثيق و التحميل الرجاء زيارة الموقع الرسمي

او زيارة الموقع الاحطياتي ( في حالة ماتوقف الموقع الرسمي عن العمل بسبب تجاوز ال200 زائر المسموح بها في اليوم )

النسخة الحالية هي مجرد نسخة تجريبة فما هي أرائكم و إنتقاداتكم والاشياء التي من الممكن اني اضيفها او الغيها في النسخة القادمة.

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

1
3ABDOO أضف ردا

جميل أن نرى مبادرات بهذا الشكل من الشباب العربي

بالتوفيق

تحديث :

لما لا تجعل الإطار عربي بالكامل؟ ستكون فكرة نهضوية نوعاً ما..

0
Mazen Designs أضف ردا

مرحبا اخي،

شكرا لك على التشجيع

ولكن هل تقصد بعربي ان يكون متاح باللغة العربية او اسمه يكون عربي ' لمسة ' ؟

لم افهم قصدك بالضبط

0
3ABDOO أضف ردا

أن تجعل موقع الإطار عربي كامل ولغة الإطار أيضاً مثلاً المحتوى الإفتراضي للcarousl يكون بالعربية..

0
Mazen Designs أضف ردا

إن شاء الله سوف يدعم العربية في الاصدار القادم

1
مبرمج بسيط أضف ردا

رائع ! اتمنى ان يكون هذا المشروع نواة لمشاريع أخرى داعمة للغة العربية خصوصا ، وللغات RTL عموما كـالفارسية.

أقترح تصميم صفحات Basic كLayout لموقع تسوق ، وأخرى لمنتدى (فقط الاساسيات : التجاوب - تموضع العناصر - اللون ابيض - رمادي - اسود).

تحديث : القائمة العلوية تحتاج لحروف كبيرة Capital فهذا مزعج بشكل لا يصدق!!!!

0
Mazen Designs أضف ردا

مرحبا اخي، شكرا على المرور

ان شاء الله سيتم تعويض قسم

Kickstarted templates

COMING SOON...

بما يناسب من قوالب.

  • سوف اقوم بتعديل القائنة لاحقا شكرا على ملاحظتك :)
0
mohamed asfar أضف ردا

اقترح أن يتم تعريبه للعربية

0
Mazen Designs أضف ردا

مرحبا، اكيد اخي سيكون ذلك متاح قربيا.

0
Mhmd_alharbi أضف ردا

عمل جبااار

0
Mazen Designs أضف ردا

شكرا لك سعيد انه اعجبك

0
مجهول أضف ردا

عمل جيد ,

هل باب المساعدة مفتوح ؟

Buttons, Labels, Form يمكن ان تكون افضل

Slates الرابط لا يعمل

بالتوفيق لك

0
Mazen Designs أضف ردا

مرحبا اخي، ان شاء الله عندما افتح مصدر ملفات ال sass في الاصدار القادم سيكون الباب مفتوح لل contributions في ال github.

صحيح في ال forms لم اشتغل عليها جيدا، إن شاء الله تكون احسن في الاصدار القادم.

بالنسبة لل'slates' يمكنك تجريب الرابط الإحطياتي او حذف الكاش في بعض الاحيان يحل المشكلة اذا صادف وان قام المتصفح الخاص بك بحفض صفحة خطأ ك ' كاش ' لرابط الصفحة.

0
Skyl أضف ردا

جميل أخي. عمل جيد خصوصا أنه ما زال تجربي...

لما لا تستضيفه على GitHub؟

0
Mazen Designs أضف ردا

مرحبا، تم وضعه في ال github ولكن حاليا لم افتح مصدر ملفات ال sass سوف افعل ذلك في الاصدارات القادمة.

0
Skyl أضف ردا

جميل. قصدت أن يستضاف الموقع على GitHub أيضا... ستكسب ثقة المستخدم أكثر...

0
Mazen Designs أضف ردا

فهمت قصدك، على ماعتقد ال github تستضيف المواقع ال static فقط ولكن في هذه الحالة قد قمت بادخال القليل من php سوف ابحث في الامر شكرا على الملاحظة :)

0
faisal alamri أضف ردا

جميل ماشاء الله

اعجبني الحقيقه ولابد من التجربه ان شاء الله

0
Mazen Designs أضف ردا

شكرا لك اخي سعيد لسماع ذلك :)

0
forra أضف ردا

رائع صديقي

منذ مدة كنت صممت إطار عمل لكن بcss فقط ثم أعدت تكويد اخر ب less و الان بدأت في اخر ب sass

لدي استفسار بخصوص grid system هل ممكن ان تتحدث اكثر عنه ؟ من ناحية تكويد ؟ ناحية تقنية

بالتوفيق صديقي (y)

2
Mazen Designs أضف ردا

مرحبا اخي،

الgrid system مبني على ال neat وهي مكتبة مبنية على sass ( تحتاج الى مكتبة bourbon ايضا )

فائدة ال neat انه توفر لك mixins و functions لل sass لتبني بها grid system يعني المكتبة تتكفل بحساب الاحجام و الgutters...

ولكن هي تتكفل بجعل النظام fluid فقط لجعله responsive راح تستعمل media queries لإعادة بناء ال grid system ( او بالاحرى اعادة ضبط الاحجام الخاصة بال columns )