من الآخر، أبحث عن إطار أمامي، لا يقوم بشيء سوى توفير التجاوبية لموقعي. لا أريد Grid System، لا أريد كلاسات تقوم بعمل أكثر مما هو مطلوب منها*، لا أريد مليون ملف و ملف عليّ إضافتهم داخل وسم head. كل ما أريده أن تتراصف عناصر موقعي بشكل مناسب كلما صغُرت شاشة المستخدم أو كبُرت.
*مثال لما أتحدث عنه: الكلاس img-thumbnail في بوتستراب من المفترض أن يقوم بإضفاء تأثير حاوية لصورتك مع تصغيرها، لكنه لا يسمح لك بتغيير أبعادها بتاتاً.
من الآخر، أبحث عن إطار أمامي، لا يقوم بشيء سوى توفير التجاوبية لموقعي. لا أريد Grid System
ولكن أخي الجريد سيستم هو نفسه ما يقوم بتوفير التجاوب لموقعك (ما الذي تقصده بالضبط)
استخدم
نظام grid system فقط
أو استخدم الجريد سستم الموجودة في
الجريد سستم الموجودة فيه افضل من الخاصة بالبوتستراب واسهل منها
تستطيع اضافته لوحده دون إضافة بقية المكونات مثل (الأزرار القوائم والحقول)
ولكن أخي الجريد سيستم هو نفسه ما يقوم بتوفير التجاوب لموقعك (ما الذي تقصده بالضبط)
لم أكن أعرف D: ، كما قلت لستُ ضليعاً بأمور التصميم، ما أقصده ألّا يحد الـ framework من إمكانية التخصيص، راجع آخر اقتباس في الموضوع.
الجريد سستم الموجودة فيه افضل من الخاصة بالبوتستراب واسهل منها
شكراً، أظن أنني ساستخدمها.
هذا يعني أنك بالفعل تبحث عن grid system
إن لم تعجبك الخيارات التي طرحتها عليك فهناك الكثير من أنظمة الجريد سيستم ستجدها في المقال التالي :
طبعاً توفر لك فقط الكلاسات الازمة لعمل التجاوب وليس فيها أي إضافات اخرى مثل الأزرار والحقول وغيرها وسيتوجب عليك التصميم من الصفر وبصراحة اعتقد بأنها متعبة بالنسبة لك كمتخصص في الـ back-end
*مثال لما أتحدث عنه: الكلاس img-thumbnail في بوتستراب من المفترض أن يقوم بإضفاء تأثير حاوية لصورتك مع تصغيرها، لكنه لا يسمح لك بتغيير أبعادها بتاتاً.
مخطئ أخي كيف لا تستطيع تغيير أبعادها بكل بساطة تستطيع عن طريق الـ css
تستطيع تغيير كل شيء في البوتستراب
مخطئ أخي كيف لا تستطيع تغيير أبعادها بكل بساطة تستطيع عن طريق الـ css
هل تقصد عن طريق واصفتي width و Height على الوسم img ؟ جربتها و لم تعمل. قرأتُ في توثيق بوتستراب أن الكلاس img-thumbnail يقوم بضبط عرض الصورة على max و طولها 25% تقريباً ... لا أتذكر بالضبط، لكن المهم أنه يحدد أبعاد الصورة تلقائياً و لم استطع تغيير الأبعاد عند تطبيقه.
كما ذكرت أخي نعم تستطيع تعديلها عن طريق خاصية width & hieght أو عن طريق الـ css
هذا مثال سريع للتوضيح
الصورة الأولى بالأبعاد الأصلية
والثانية باستخدام width على img
والثالثة وضعت كلاس custom على تاج الصورة وقمت بتغيير عرضه
كل شي له ثمن ... مثلا لماذا لاتقوم انت بتصميم اطار عمل على css خاص بالنسب width:90% كل شيء نسبة الخ متوافق مع وسوم ال @media في الـcss .
وكذالك بتعقادي ال bootstrap is overrated !
مثلا لماذا لاتقوم انت بتصميم اطار عمل على css
أنا مطور ويب و لست مصمماً، بالكاد أتعامل مع الــ(Basic HTML/CSS) أعمل على مشروع وحدي ... و كأيّ مبرمج، أعاني من عقدة التصميم.
Too much complaining, I know -_-
كلنا المبرمجين نكره التصميم كان عندي عقده من ال html/css وقد عملت مع عدة فرق برمجيه وتواصلت مع عدة مصممين css نصيحتي اقضي فقط ساعه الى ساعتين لتعلم html/css واذا كان لديك المزيد من الوقت كذالك تتعلم html5/css3 ستشاهد اشياء خياليه وسحريه بالفعل ستجعلك تحب التصميم بالقوه يمكنك متابعه دروس بسيطه من موقع w3schools.com وتطبقها كل يوم او اذا لم يكن لديك انترنت يمكنك تحميل الموقع بالكامل ابحث عنه ستجده مضغوط عند البعض ال 200 ميجابايت ... بالتوفيق اخي ...
لقد قمت بعمل GRID SYSTEME بلغة CSS لعمل التجاوب
حجم الملف 3KB فقط
ال grid الذي قمت بعمله مسؤول فقط عن التجاوب
تفضل أخي واجهت مشكلة في اختيار الاستضافة
يمكنك تحميل الملف من هنا
/grid%20systeme.zip
الملف يحتوي صفحة html للتبع كود css
التعليقات