it-swarm.asia

متى يجب علي استخدام إطار CSS؟

ما هي أفضل سيناريوهات الممارسة لاستخدام إطار عمل CSS؟ متى يكون من الأفضل "CSS الخاص بك" CSS من الصفر بدلاً من استخدام الأطر؟

11
Mark Hatton

أطر CSS صعبة بعض الشيء لأنها ليست أطر عمل حقًا بالنسبة لي. هم ببساطة الطبقات المحددة مسبقا. لكن هذا ليس سؤالك.

تعد أطر CSS رائعة بالنسبة للنماذج المحاكية والأطر السلكية. لا أوصي باستخدامها على موقع مباشر لأنها تضيف فئات لا معنى لها إلى ترميزك. ".span3" لا تخبرني أي شيء عن المحتوى ، فقط التصميم.

ومع ذلك ، يحتوي المخطط على بعض الأدوات الرائعة التي تساعدك على الجمع بين الطبقات الإطارية وفئات الدلالي بمجرد الانتهاء من ذلك.

أنا دائما لفة بلدي المغلق.

11
Kevin

فقط تجنبها ، فهي ليست سوى مزعج.

خصوصا هذا واحد.

* { margin:0; padding:0; }

شكواي الأكبر هي أنك إذا ورثت/احتفظت بموقع يستخدم إعادة تعيين و/أو إطار عمل ، يجب أن تتعلم هذا الإطار قبل التمكن من تعديل الموقع.

عندما أقوم بإضافة علامة h1 أتوقع بعض الأشياء. تأخذ معظم عمليات إعادة التعيين كل الحشو والهامش والكتلة وما إلى ذلك حتى لا تعمل علامة h1 كما ينبغي بشكل افتراضي. لذلك يجب أن أعود وأضيف كل ما كان هناك في المقام الأول.

بشكل عام (في تجربتي) ، فإن الأشخاص الذين لا يفهمون css يستخدمون إعادة التعيين والأطر ، ويسبب المزيد من العمل للأشخاص الذين يفعلون ذلك.

3
corymathews

أرى أن الخدمة الوحيدة التي يوفرها CSS Framework هي نقطة انطلاق لأولئك الذين ليسوا على دراية بـ CSS.

2
Soleil

أوصي أيضًا باستخدام reset.css من Eric Meyer ، لكنني أعتقد أن "أطر" CSS يمكن أن تكون مفيدة للتخطيط. يمكن أن تساعدك المخططات وشبكة YUI وشبكة 960 على تحقيق بعض المخططات المعقدة للغاية دون كتابة css بنفسك.

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

2
Steve Tranby

إذا كنت تنفذ فعلاً تصميمًا خاصًا بك ، فسوف تكتب بعضًا من CSS الخاص بك (ما لم يحدث أن قام شخص آخر بكتابة التصميم الدقيق الذي تريده).

على افتراض أنك تكتب بعضًا من CSS الخاص بك ، يمكن أن تكون "الأطر" مفيدة عندما يكون لديك أنماط هي:

  1. المستخدمة في أكثر من مكان ؛ و
  2. معقدة بما فيه الكفاية لاقتحام الطبقات الخاصة بهم

بالنسبة للأنماط البسيطة حقًا ، من الأفضل استخدام الفئات للإشارة إلى ما شيء ما (على سبيل المثال class="navigation") ، ثم حدد مظهره من خلال تطبيق قواعد النمط على تلك الفئة في ورقة الأنماط الخاصة بك.

ولكن بالنسبة للأنماط الأكثر تعقيدًا والتي لا ترتبط بالضرورة بأي عنصر واحد (مثل الأنماط المتعلقة بالتخطيط ، النوع الذي يعطي الأطر أسماء مثل .span3 إلى) ، فلا حرج في وضعها في الفصل ، وتطبيق ذلك الطبقة في المغلق. يمكنك استخدام كلا النهجين معًا.

في المواقع الأكبر والأكثر تعقيدًا والتي من المحتمل أن يتم دمج العناصر بطرق غير متوقعة ، يمكن أن يساعد النهج الشبيه بالإطار في الحفاظ على كودك قابلاً للإدارة.

أود أن أقول أنك قد تكتب "إطارك" الخاص بك. لقد وضعت "إطار عمل" في علامات اقتباس لأن CSS ليست في الحقيقة لغة كبيرة. يمكنك قراءة CSS: الدليل النهائي (إريك ماير) في يوم واحد ، ثم قراءة كل الشفرة في على سبيل المثال مخطط ("إطار عمل CSS") وفهم إلى حد كبير ما يحدث. قد تحتاج إلى البحث عن حلول <IE قليلاً ، لكننا نتحدث على الأقل بترتيب من حيث الحجم أقل تعقيدًا من على سبيل المثال مسج هنا.

1
Paul D. Waite

أنا استخدم مخطط ، ل CSS.
CSS هي ، كما يقول الجميع أعلاه ، واضحة حقا.

ومع ذلك ، في الواقع ، عليك أن تنظر في النظام الأساسي.

مع CSS ، يضيف محرك التقديم إلى التعقيد.

جيكو vs WebKit مقابل بريستو ضد ترايدنت ... من يريد أن يفعل كل هذه الأشياء؟

ما يمنحك "إطار" هنا ، هو القدرة على كتابة تخطيطات ستعمل على الأرجح على جميع المتصفحات ، لذلك لن تضطر إلى الذهاب إلى googling لـ "WTF-am-I-do = -this-crap" IE 7 الإصلاح quirksmode ، أو شيء مثير للسخرية بالمثل.

ستعمل الأطر بنسبة 90٪ من التخطيط الذي تريده ، وبعد ذلك يمكنك دائمًا إضافة الأنماط الخاصة بك لاحقًا.

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

كميزة صغيرة ، إذا اخترت واحدة واستخدمتها طوال الوقت ، ثم أُصبت بالمرض ، أو تمت ترقيتك واضطررت إلى تدريب خلفك ، يمكنك أن تقول:

"نعم ، لقد استخدمت إطار عمل ABC. المستندات موجودة هنا. الرمز موجود. التدريب انتهى. حظ سعيد."

1
chiggsy

عندما يحل جميع احتياجاتك . (يعتمد هذا على فكرة الخياطة .)

من الكتاب الوحيد على الأطر؟ http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp . (الارتباط فقط لأنه مجاني وملائم هنا.)

0
Shawn Northen