3

أبحث عن إطار عملٍ لا يعمل شيئاً

من الآخر، أبحث عن إطار أمامي، لا يقوم بشيء سوى توفير التجاوبية لموقعي. لا أريد Grid System، لا أريد كلاسات تقوم بعمل أكثر مما هو مطلوب منها*، لا أريد مليون ملف و ملف عليّ إضافتهم داخل وسم head. كل ما أريده أن تتراصف عناصر موقعي بشكل مناسب كلما صغُرت شاشة المستخدم أو كبُرت.

*مثال لما أتحدث عنه: الكلاس img-thumbnail في بوتستراب من المفترض أن يقوم بإضفاء تأثير حاوية لصورتك مع تصغيرها، لكنه لا يسمح لك بتغيير أبعادها بتاتاً.

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

التعليقات

2
mo7@mmed أضف ردا

من الآخر، أبحث عن إطار أمامي، لا يقوم بشيء سوى توفير التجاوبية لموقعي. لا أريد Grid System

ولكن أخي الجريد سيستم هو نفسه ما يقوم بتوفير التجاوب لموقعك (ما الذي تقصده بالضبط)

استخدم

نظام grid system فقط

أو استخدم الجريد سستم الموجودة في

الجريد سستم الموجودة فيه افضل من الخاصة بالبوتستراب واسهل منها

تستطيع اضافته لوحده دون إضافة بقية المكونات مثل (الأزرار القوائم والحقول)

0
ahmed.alhaj أضف ردا

ولكن أخي الجريد سيستم هو نفسه ما يقوم بتوفير التجاوب لموقعك (ما الذي تقصده بالضبط)

لم أكن أعرف D: ، كما قلت لستُ ضليعاً بأمور التصميم، ما أقصده ألّا يحد الـ framework من إمكانية التخصيص، راجع آخر اقتباس في الموضوع.

الجريد سستم الموجودة فيه افضل من الخاصة بالبوتستراب واسهل منها

شكراً، أظن أنني ساستخدمها.

1
mo7@mmed أضف ردا

هذا يعني أنك بالفعل تبحث عن grid system

إن لم تعجبك الخيارات التي طرحتها عليك فهناك الكثير من أنظمة الجريد سيستم ستجدها في المقال التالي :

طبعاً توفر لك فقط الكلاسات الازمة لعمل التجاوب وليس فيها أي إضافات اخرى مثل الأزرار والحقول وغيرها وسيتوجب عليك التصميم من الصفر وبصراحة اعتقد بأنها متعبة بالنسبة لك كمتخصص في الـ back-end

*مثال لما أتحدث عنه: الكلاس img-thumbnail في بوتستراب من المفترض أن يقوم بإضفاء تأثير حاوية لصورتك مع تصغيرها، لكنه لا يسمح لك بتغيير أبعادها بتاتاً.

مخطئ أخي كيف لا تستطيع تغيير أبعادها بكل بساطة تستطيع عن طريق الـ css

تستطيع تغيير كل شيء في البوتستراب

0
ahmed.alhaj أضف ردا

مخطئ أخي كيف لا تستطيع تغيير أبعادها بكل بساطة تستطيع عن طريق الـ css

هل تقصد عن طريق واصفتي width و Height على الوسم img ؟ جربتها و لم تعمل. قرأتُ في توثيق بوتستراب أن الكلاس img-thumbnail يقوم بضبط عرض الصورة على max و طولها 25% تقريباً ... لا أتذكر بالضبط، لكن المهم أنه يحدد أبعاد الصورة تلقائياً و لم استطع تغيير الأبعاد عند تطبيقه.

0
mo7@mmed أضف ردا

كما ذكرت أخي نعم تستطيع تعديلها عن طريق خاصية width & hieght أو عن طريق الـ css

هذا مثال سريع للتوضيح

الصورة الأولى بالأبعاد الأصلية

والثانية باستخدام width على img

والثالثة وضعت كلاس custom على تاج الصورة وقمت بتغيير عرضه

0
ahmed.alhaj أضف ردا

شكراً، أُقدر هذا بالفعل، أتعبتُك معي :)

0
mo7@mmed أضف ردا

العفو

لا يوجد تعب أخي

1
KernelCode أضف ردا

كل شي له ثمن ... مثلا لماذا لاتقوم انت بتصميم اطار عمل على css خاص بالنسب width:90% كل شيء نسبة الخ متوافق مع وسوم ال @media في الـcss .

وكذالك بتعقادي ال bootstrap is overrated !

0
ahmed.alhaj أضف ردا

مثلا لماذا لاتقوم انت بتصميم اطار عمل على css

أنا مطور ويب و لست مصمماً، بالكاد أتعامل مع الــ(Basic HTML/CSS) أعمل على مشروع وحدي ... و كأيّ مبرمج، أعاني من عقدة التصميم.

Too much complaining, I know -_-
3
KernelCode أضف ردا

كلنا المبرمجين نكره التصميم كان عندي عقده من ال html/css وقد عملت مع عدة فرق برمجيه وتواصلت مع عدة مصممين css نصيحتي اقضي فقط ساعه الى ساعتين لتعلم html/css واذا كان لديك المزيد من الوقت كذالك تتعلم html5/css3 ستشاهد اشياء خياليه وسحريه بالفعل ستجعلك تحب التصميم بالقوه يمكنك متابعه دروس بسيطه من موقع w3schools.com وتطبقها كل يوم او اذا لم يكن لديك انترنت يمكنك تحميل الموقع بالكامل ابحث عنه ستجده مضغوط عند البعض ال 200 ميجابايت ... بالتوفيق اخي ...

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

هناك إطار Skeleton UI

0
ahmed.alhaj أضف ردا

سأتفقده، شكراً لك.

0
Xhoz أضف ردا

جرب هذا الإطار فقط Grid لا غير

0
july_and_july أضف ردا

و انا مصمم و اعاني من عقدة البرمحة -___-

0
imhmood أضف ردا

وانا مبرمج اعاني من عقدة التصميم :)

0
Rkawajan أضف ردا

على ما أعتقد، هذه قد يعجبك قريباً إلى البساطة:

0
imhmood أضف ردا

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

0
ismail_aidar أضف ردا

هل فكرت بالعمل بإطار W3.CSS ? :D

0
ahmed.alhaj أضف ردا

يا رجل إنه بسيط للغاية D: ... :) 

You made my day :)
0
ismail_aidar أضف ردا

لكنه لا يعمل شيأً ^^ ما عليك إلا بالبوتسراب

if not make your own classes

0
salmi pro أضف ردا

لقد قمت بعمل GRID SYSTEME بلغة CSS لعمل التجاوب

حجم الملف 3KB فقط

ال grid الذي قمت بعمله مسؤول فقط عن التجاوب

0
ahmed.alhaj أضف ردا

هل بإمكانك توفير رابط له؟

0
salmi pro أضف ردا

انتظر

0
salmi pro أضف ردا

تفضل أخي واجهت مشكلة في اختيار الاستضافة

يمكنك تحميل الملف من هنا

/grid%20systeme.zip

الملف يحتوي صفحة html للتبع كود css

0
3ABDOO أضف ردا

الملف معطوب -_-

0
salmi pro أضف ردا

تفضل أخي رابط مباشر للملف

هل هذا هو الفريم وورك الذي تبحث عنه