11

إلى أي مدى تحد نفسك في CSS

طالما يواجهني هذا السؤال، "هل أبالغ هنا؟"

في التطوير بواسطة CSS

أستخدم flex وcalc وviewport(width/height) والعديد من الخصائص الحديثة

يبدو لي استخداما منطقيا جدا، لقد فات الوقت الذي تستخدم فيه float لتوزيع العناصر، لقد كان ذلك في 2006 فات الوقت لتقوم بخدع معقدة لتقوم باشياء ما، كل شيء واضح الآن

ولكن رغن هذا، أرى ان الجميع مازالوا يسخدمون أدوات من العصر الجاهلي، لدرجة بدأت أحس هل الناس على حق وانا على خطأ او ماذا

لذا، ماذا تستعمل انت

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

التعليقات

3
nizarnizario أضف ردا

المشكلة تكمن في التوافقية، حيث هناك بعض التقنيات الجديدة لا تعمل

1
assassinateur أضف ردا

أتفقد التوافقية واجدها جيدة جدا

1
mjxp7 أضف ردا

كل الطرق تؤدي الى روما كما يقال

ان كان الكود يؤدي الغرض فلا مشكلة من استخدام تقنيات قديمة اذا كانت تؤدي الغرض

و أرى أحيانا ان التقنيات القديمة افضل لانها تحقق توافقية أعلى مع المتصفحات القديمة (الكارثة انترنت اكسبلورر مثلا)

1
assassinateur أضف ردا

أيضا كمثال آخر، هناك خاصية في css (مدعومة من فايرفوكس فحسب)

وهي

position: sticky;

ببساطة، سطر واحد يقوم بالأمر، وهو ببساطة وضع عنصر بشكل fixed داخل عنصر

سابقا يمكنك القيام بهذا عبر اضافة jquery ثم اضافة affix للقيام بهذا

كما تلاحظ العبأ كبير جدا، ولو كانت الخاصية مدعومة لكان افضل بكثير

0
walido أضف ردا

كل الطرق تؤدي إلى روما، لكن أي الطرق هو الأفضل؟

0
assassinateur أضف ردا

كما ترى هناك فرق بين ان تكتب

display:flex;

وان تستعمل ملف حجمه 8 كيلوبايت من اجل grid

التوافقية هي المشكلة، اصبحت لا اهتم اطلاقا، اقلية قليلة جدا تستخدم متصفحات حجرية، ولهؤلاء الاشخاص اقول لهم ببساطة استخدموا متصفح احدث

أيضا هناك فرق بين ان استعمل

width: calc(100vw - 10px)

وان اقضي ساعة وانا احاول تطبيق الامر بالطرق القديمة بينما استطيع ان اقوم باشياء اهم

0
juston أضف ردا

دوماً أفكر ، لما لا تقوم المواقع ، بطلب من الزائر او المستخدم لتصفح أفضل للموقع من تحميل متصفح ما تفضله !؟

0
urorbit أضف ردا

أتفق معك "من يستخدم متصفح قديم لن يتأثر إذا وجد مشاكل في التصميم لأن كل المواقع الجيده ستظهر عنده بشكل خاطئ "

أما من ناحيه لماذا لا نستخدم كل جديد فهناك عدة عوامل منها قلة المصادر فأنا لم أسمع ولم أعرف ماهي الخصائص الجديده التي تتحدث عنها مع أني مصمم مواقع وأواكب التطور ولكني أعتمد بشكل كبير على بوتستراب وغيرها من الفريم وورك لذلك لا أبحث كثيرا غن خصائص جديده وفي حال واجهت مشكله فلدي أدواتي الخاصه والتي تمكنني من إنجاز أي تصميم بكل سهوله فقد قمت بعمل فجوال css بحيث أعدل على أي عنصر وأحفظ التعديلات مباشره والكود متوفر على جيتهوب

كما يمكنك مشاهدة الأداة التي أتحدث عنها من هذا الفيديو

1
arabyami أضف ردا

أنا أريد تطوير نفسي ، في CSS هل يمكنك أن تطرح لي بعض المصادر لأتعلم منها التقنيات الحديثة التي تتكلم عنها.

0
assassinateur أضف ردا

لا أتعلم من مصدر واحد، لكن في معظم الوقت احصل على المعلومات من توتير و codrops وcss tricks (الاول والثالث بكثرة)

ولكن لا يوجد مصدر محدد، احيانا عندما اريد ان اعرف خاصية جديد ازور ببساطة صفحتها في spec او في css tricks واستفيد من هناك

1
abdulaziz noor أضف ردا

يارجل كم لبثت وانا ابرمج بالجافا والنود O_o !

اول مرة في حياتي اقرأ عن هذه الاكواد ههههههه

0
juston أضف ردا

5/10 ، أملك المعلومة والعلم ، لكن لا أطبق!

بصراحة ، أغلب ما يتم تعلمه لا يطبق مباشرة ، وتطبيقه في وقت العمل يأخذ وقت ") من تجربة وما إلى ذلك .

-

لست على خطأ ، لكن المجتمع البرمجي لدينا بطيء في التطور الذاتي لبرمجته ، ليس فقط بـ css .

-

بالمناسبة أوافق nizarnizario ، فقد واجهة مشكلة بـ flex مع خاصية space-between في متصفح فايرفوكس ")

هل هناك حلول لهذه الأمور ؟

0
assassinateur أضف ردا

استعمل autoprefixer وهو سيهتم بالتوافقية، انا لم اواجه مشكلة قط

0
juston أضف ردا

ليس ضرورياً كحل ، فمثلاً في صفحة autoprefixer ، يوجد :

display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex

-

وهو ما استخدمته ، ولكن لم يعمل ، مع انه يعمل ع باقي متصفحات ، ساجرب استخدام autoprefixer .

0
قطرة أضف ردا

انا بصراحة من العصر الجاهلي :P

بس اشكر موضوعك علشان خلاني ادرك هذا :)

0
uusa35 أضف ردا

الآن يقل تدريجيا كتابة اكواد السي اس اس بسبب وجود انظمة قوية جدا جدا بها كل شيء تقريبا boottstrap وهي مرنة للدرجة التي يمكن البناء عليها الكثير من المشاريع

0
Xmen أضف ردا

المستقبل لل CSS هو ال Preprocessors زي Sass أو Less ومعاها ملحقات زي Compass أو Bourbon

حتى المواصفات من ال W3C ماشية في نفس السكة انها هتدي ال CSS امكانيات موجودة في الجافاسكربت بدون ما تظطر انك تدخل ع ال DOM وتعدل ال Style Sheets من هناك

0
YounesSan أضف ردا

ما هو بديل Float ؟