ما هو المصدر الجيد عبر الإنترنت لأنماط تصميم CSS؟[مغلق]

Question

هل يمكن لأي شخص أن يوصي بمصدر جيد عبر الإنترنت لأنماط تصميم CSS؟

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

مثال على هذا المورد سيكون هذه القائمة من تصاميم الجدول, يمنحك هذا كل ما تحتاج لمعرفته حول كيفية جعل الجداول تبدو جميلة باستخدام مجموعة من تقنيات CSS.

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

Answer 1

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

Answer 2

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

أنماط واجهة المستخدم

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

اضغط على النمط

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

مكتبة أنماط تصميم ياهو

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

عناصر التصميم

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

Answer 3

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

يأخذك Floatourorial عبر أساسيات العناصر العائمة مثل الصور وقبعات الإسقاط والأزرار التالية والخلفية ومعارض الصور وقوائم مضمنة وتخطيطات متعددة العمود.

Answer 4

سبق ذكره قائمة وبصرف النظر هو جيد حقا.موقع آخر استخدمته منذ أن بدأت تطوير الويب هو SitePoint.com.هنا هم مرجع CSS.إذا كنت تريد كتاب CSS جيدًا، فهذا أحد الكتب المفضلة لدي.

Answer 5

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

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

http://net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/

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

الكتاب الوحيد الذي أوصي به أكثر في CSS هو إتقان CSS بواسطة آندي بود (cssmastery.com).إنه صغير إلى حد ما، لكنه ساعدني أكثر من أي كتاب CSS آخر.