ما هو أفضل إطار CSS و هل هي تستحق كل هذا الجهد ؟

https://stackoverflow.com/questions/203069

03-07-2019
|

سؤال

قراءة في منتدى آخر لقد جاء في جميع أنحاء العالم من الأطر CSS.واحد كنت تبحث على وجه التحديد في مخطط.أنا أتساءل عما إذا كان أي شخص آخر قد تأتي عبر الأطر CSS, أقترح الذي هو أفضل و إذا كانت تستحق الجهد ؟

المحلول

و"الأطر" CSS مفقودة تماما على هذه النقطة.

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

وو"تخطيط الشبكة 'الاشياء على وجه الخصوص يعود إلى الأيام القديمة السيئة من خلط العرض التقديمي إلى العلامات الخاصة بك. "الطبقة شعبة =" فترة 24 ساعة "" ليس أفضل من جدول، عليك أن أعود إلى هناك وتغيير ترميز يؤثر على التخطيط. وجميع الأطر رأيت تستند حول الثابتة بكسل طرح صناديق، مما يجعل من المستحيل إنشاء تخطيط السائل يمكن الوصول إليها على نطاق واسع من أحجام الإطارات.

وانها الوراء التأليف، من استخدام فقط لشخص خائف جدا لكتابة قاعدة CSS.

نصائح أخرى

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

CSS الأطر كبيرة ؛ مثل أي إطار آخر, أنها تقلل من الوقت اللازم لتطوير وتمكنك من الحصول على العمل فورا على الموقع-تصميم محددة و CSS.أنها تفكر في اتخاذ القرارات الصعبة لذلك لم يكن لديك إلى.

للأسف, هناك اثنين من سلبيات استخدام إطار (بشكل عام):

إطار يملي الهيكل العام و ميكانيكا كود CSS الخاص بك.الآن, أنا لا أتحدث عن CSS إعادة تعيين (هذه هي مفيدة في حد ذاتها ، ولكنها ليست صحيحة الأطر);أنا أتحدث عن صادق جيدة الإطار ، التي جعلت من القرارات حول ما هي العلامات الدلالية أنت ذاهب إلى استخدام في المستند الخاص بك ، إلخ.كما تتم تعتمد على الإطار عندما يكون هناك خلل في هذا الإطار ، وسوف الأكثر شيوعا أن إصلاح ذلك بنفسك.
الأطر ليست ذريعة لكونه غافلين عبر متصفح/المتقدمة القضايا CSS.يمكنك دائما تشغيل في منهم, تماما كما لو كنت تعمل مع PHP أو جافا سكريبت الإطار.وكنت بحاجة إلى معرفة كيفية التعامل معهم.هناك شائعة تقول أن عليك أن تكتب بنفسك إطار أولا قبل استخدام شخص آخر.

أخذ نظرة خاطفة سريعة على مخطط, أنا لا أحب أن أدعوها الإطار ؛ ربما إعادة تعيين مع عدد قليل من الأشياء الجيدة إضافية على القمة.

لقد بحثت في مخطط وعدد قليل من الآخرين فقط CSS 'إطار' أود أن أوصى هو YUI شبكات

الايجابيات:

كتبها واحد من أفضل الواجهة المهندسين هناك (المنظمة البحرية الدولية) (نيت Koechley)
صغيرة جدا.4KB
مرنة جدا (1000 تخطيطات مختلفة)
يدعم السائل العرض (100%) تخطيطات وكذلك مسبقا ثابت-عرض تخطيطات في 750px, 950px ، 974px ، والقدرة على تخصيص بسهولة إلى أي رقم.
يدعم سهلة التخصيص من عرض ثابت-عرض تخطيطات.
قالب الأعمدة المصدر-طلب مستقلة حتى تتمكن من وضع المحتوى الأكثر أهمية أولا في العلامات طبقة تحسين إمكانية الوصول و محرك البحث الأمثل (SEO).
الذاتي المقاصة تذييل الصفحة.بغض النظر عن أي عمود أطول ، تذييل يبقى في الجزء السفلي.
تخطيطات أقل من 100% هي تركز تلقائيا.
إلى حد ما الدلالي classnames (أفضل من أعلى, اليسار, حق, الخ)

سلبيات:

الكثير علامات إضافية مقارنة بخط اليد HTML و CSS
يأخذ بعض التعلم إلى معرفة كيفية القيام تخطيطات معقدة

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

البوصلة هو إطار CSS الفعلي في بمعنى أنه ليس فقط يتيح لك قوالب (سواء يوي ومخطط)، ولكن أيضا بنيات قابلة لإعادة الاستخدام والإعلانات على مستوى أعلى في حين لا تزال تعطي لك تركيب CSS مألوفة.

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

وشخصيا، وأنا استخدم معظم إيريك ماير إعادة مع بعض الفئات وإعادة تعيين من بلدي، بالإضافة إلى بعض الأفكار من مخطط وYUI.

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

لماذا استخدام css 'أطر'?

إذا كنت تحت ضغط لبعض الوقت.
إذا كنت لا تعرف css, و لا تعرف ما الذي يمكن أن أكتبه عن لك.
إذا كنت لا مفرط الثمينة عن معايير الخ.

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

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

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

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

لذا الأطر CSS - أنها يمكن أن توفر لك الوقت في التكلفة من دلالات.كما قد يضر بك معرفة CSS, ولكن هذا هو أكثر ما يصل إلى كم كنت تستثمر في تعلم هذا الموضوع في العامة.ما إذا كان يمكنك جعل استخدام من لهم متروك لكم.

وأنت تريد أن تسأل نفسك ما مدى فعالية الأطر المتاحة في حل مشاكلك. هل لتلبية الاحتياجات الخاصة بك؟

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

ونصيحة رقم 17 في مبرمج عملي يقول: "برنامج قريب من نطاق المشكلة". باستخدام طبقة من التجريد يمكن ان تحصل أقرب إلى حل المشاكل الحقيقية للتخطيط. على سبيل المثال: كنت قد تكون قادرة على التركيز على تعزيز تجربة المستخدم مع الوقت الاضافي لديك بدلا من إجراء تعديلات طفيفة من بكسل.

وهذا لا يعني يجب أن نضحي نوعية لكمية. ولكن عن الكفاءة.

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

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

وقضيت في الواقع جزء كبير من ال 24 ساعة الماضية في التحقيق في هذه بمفردي، هيه. كان استنتاجي أن إعادة تعيين لطيفة (أنا استخدم YUI إعادة تعيين )، وربما شيء آخر ل وضع الاشياء الأساسي ( YUI الخطوط كان من المجدي في حالتي، وربما على "الأشياء الجيدة اضافية" من مخطط سيكون في يدكم) هو فكرة جيدة. ولكن، "إطار" --- الذي هو عادة شيء من هذا القبيل YUI --- غير مقيدة جدا، يجبرك على استخدام أسماء فئتها، هويات، وغيرها، ونادرا المناسب في موقعك مثل يدوية الصنع CSS شأنه.

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

وأنا لم تستخدم نعم، ولكن أعتقد emastic قد تكون جيدة قيمة بديلة شيك. انها مشابه لمخطط النطاق، ولكن يدعم أيضا تخطيطات مرنة (ومن هنا جاء الاسم) ويمكنك تحديد قيم في مقصف، م أو٪، وحتى مزجها.

والبوصلة أعتقد هو مدهش. تأكد من الاطلاع على سكرينكست .

960.gs للحصول على عدد قليل من المواقع وتجد أنها بسيطة جدا وسهلة ويستحق كل هذا الجهد . يوفر لي الكثير من العمل على تخطيط. تأكد للتحقق من مولد CSS العرف الذي يذهب بعيدا مع عرض ثابت من 960 بكسل.

وأعتقد أن <لأ href = "http://www.sitepoint.com/blogs/2009/11/10/video-css-frameworks-٪E2٪80٪93-make-the-right-choice/ "يختلط =" نوفولو noreferrer "> هذا الفيديو عرض الرئيس التنفيذي لشركة بوينت الموقع كيفن يانك سوف يجيب على سؤالك. وأوصى حقا لمشاهدته.

والبوصلة يتيح لك إعادة تسمية الطبقات الإطار الخاص بك وهويات بأسماء الدلالات الخاصة بك، لذلك قد ترغب في التحقق من ذلك. كما يوفر الوصول إلى الأشياء التي لا تحصل مع يرتدون الفانيليا CSS مثل mixins.

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

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

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

وكان مات Raible من AppFuse الشهرة مسابقة الإطار CSS حين يعود إلى تطوير أطر CSS لAppFuse. وتنشر نتائج هنا . وهناك عدد قليل من الاختلافات ولقد استخدمت بعض نفسي لأنني استخدام AppFuse والعثور عليها جيدة جدا.

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

ولقد استخدمت مخطط مع الكثير من النجاح على موقع (يمكن أن نذكر الموقع هنا ولكن أنا متأكد من أن هذا المنصب يتم وضع علامة كدعاية!). أنا لست متأكدا إذا كنت سوف تستخدم في المستقبل على الرغم من أنه واحد من أفكار CSS أرى أنها كانت ليست لديها منطق تخطيط الثابت ترميز. يجب أن لا يكون لديك عناصر المغلق يسمى فترة 24 ساعة وفترة ال 12 لتحديد تخطيط ولكن شيئا من هذا القبيل مربع البحث وmainContent. على الأقل أن يكون كيف أراه.

وصلة جيد وجدته: <لأ href = "http://speckyboy.com/2008/03/28/top-12-css-frameworks-and-how-to-understand-them/" يختلط = "نوفولو noreferrer "> أفضل 12 أطر CSS وكيفية فهمها

وهنا هو بلدي بلوق وظيفة حول CSS أطر عندما لاستخدام الإطار CSS؟

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

وأجد استخدام البوصلة "ذكي من mixins ساس لتكون رائعة، وخطوة كبيرة نحو الكأس المقدسة من الترميز الدلالي للصيانة. أنا لا أعتقد أن ترغب في استخدام إطار مثل مخطط أو YUI دون فكرة مجردة مثل البوصلة للحفاظ على الطبقات عرض من العلامات.

وراجع للشغل، وهناك إطار CSS لطيفة المظهر دعا مطاطا التي تبدو جيدة بما يكفي أنني النظر إضافته إلى البوصلة.

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

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

ولقد استعملت مخطط على عدد قليل من المواقع لمرة واحدة وبالتأكيد توفير الوقت، في المقام الأول في اختبار عبر متصفح.

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

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

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

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

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

وكريغ،

والبوصلة هو ما كنت تبحث عن: يسمح لها لك لإعادة تسمية الطبقات CSS برنامجك مثل "فترة 24 ساعة" مع أسماء الخاصة بك. كما أنها توسع وظائف CSS مع المتغيرات وmixins. حقا، تلك التي حكم قبل الأوان الأطر دون سحب البوصلة هي "في عداد المفقودين نقطة." انه نوع من مثل هؤلاء الناس الذين قالوا لنا منذ سنوات أننا في عداد المفقودين نقطة باستخدام CSS بدلا من الجداول HTML لتخطيطات لدينا.

و-Matt

http://www.ez-css.org/ . واحدة من أسهل وأخف الإطار المغلق للعمل بها. :)

ونلقي نظرة على هذا العرض: http://www.richstyle.org/demo-web.php ويستند هذا الإطار على فكرة أن "العلامات HTML ينبغي أن يكون كافيا". أعتقد إعادة الاستخدام هو أهم عامل لاختيار عنصر البرمجيات، بما في ذلك إطار شبكة الإنترنت. لشبكة الإنترنت أطر المطورين، وكلما الالتزام بالمعايير، وكلما ضمان إعادة الاستخدام.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow