2012-07-07 9 views
9

एसएमएसीएसएस फ्रेमवर्क आपके सीएसएस कोड को प्रबंधित करने के लिए एक सतत तरीका पेश करता है ताकि यह पुन: प्रयोज्य और रखरखाव योग्य हो, लेकिन यह एक वास्तविक ढांचे के बजाय अपने सीएसएस को व्यवस्थित करने के तरीके के बारे में अधिक दिशानिर्देश है। यह अच्छा होगा अगर कोई अन्य ढांचायां जो उसके दर्शन से आधारित थीं, लेकिन मैं किसी से भी नहीं आया हूं।एसएमएसीसीएसएस आधारित सीएसएस फ्रेमवर्क

क्या किसी को भी सीएसएस कोड आयोजित करने की SMACSS विधि के आधार पर किसी भी सीएसएस ढांचे के बारे में पता है?

+1

+1 अच्छा सवाल है, मैं वही सोच रहा हूं। –

उत्तर

8

Pure एक नया सीएसएस ढांचा है जो SMACSS पर आधारित है। ऐसा लगता है कि यूयूआई परियोजना से संबंधित है।

उनके extend page से

...

SMACSS

शुद्ध के आधार पर उत्तरदायी मॉड्यूल का एक सेट में टूट जाती है। शुरुआत से, हमने एसएमएसीएसएस को हमारे सीएसएस लिखने के लिए एक सम्मेलन के रूप में अपनाया। उन लोगों के लिए जो SMACSS के लिए नए हैं, आपको इसे त्वरित पढ़ना चाहिए, विशेष रूप से मॉड्यूल नियमों पर अनुभाग।

+1

आप महोदय राजा हैं! धन्यवाद :) – matsko

3

चूंकि कोई जवाब प्रेस से उड़ नहीं रहा है, इसलिए मैं उत्सुक था और चारों ओर एक नज़र डाली।

यह पता चला है कि quite a few, and I see you have been at this for a while now हैं।

I see others recommended LESS or SASS, और मैं कम्पास और सूसी जैसे समाधान जोड़ूंगा। ये केवल चीजों को देखने के लिए हैं क्योंकि उनमें से प्रत्येक के पास अंतर्निहित संगठन पैटर्न हैं।

लेकिन मेरा वास्तविक उत्तर यहां है।

मेरे पास सीएसएस ढांचे की तलाश में एक समान प्रयास है जो उत्तरदायी वेब डिज़ाइन के परिणामी समाधानों को सर्वोत्तम प्रथाओं, नामकरण-सम्मेलनों और अन्यथा पैटर्न में व्यवस्थित करता है। So here is what I was looking at, एक मृत अंत में एक समेकित खुले अंत प्रश्न के साथ।

मुझे लगा कि शायद समस्या हो सकती है, कि सीएसएस संगठन पर्यावरण और संदर्भ पर अत्यधिक निर्भर है। So, maybe design patterns is a good approach

तो मेरा समाधान यहां था और मैं इसे यहां सुझाव दूंगा -> मुझे वास्तव में सीएसएस को अलग करने पर आपकी टिप्पणियां पसंद हैं: आधार, लेआउट, फोंट, तत्व। इससे कुछ मामलों में दूसरों को फायदा हो सकता है।

यदि आप वहां एक संगठन पद्धति नहीं ढूंढ पा रहे हैं जो आपके पर्यावरण के अनुकूल है, प्रयोग करें और डिजाइन करें जो आपको चाहिए, तो इसे नाम दें, और इसे दुनिया के साथ साझा करें।

यह आपके लिए फायदेमंद है, इसमें: आप अपनी समस्या को हल करने के तरीके सीखते हैं, और यह आपके लिए एक उन्नत डेवलपर के रूप में अच्छा दिखाता है।

एक दृष्टिकोण एक WordPress ब्लॉग, एक वेबसाइट उदाहरण पृष्ठ, या एक github भंडार में समाधान साझा करना है।

यदि यह वास्तविक और फायदेमंद है, तो इसे नाम दें, इसे बनाएं और साझा करें। केवल अच्छी चीजें ही आ सकती हैं।

शुभकामनाएं!

0

SMACSS लेखन सीएसएस का एक सम्मेलन है।इसलिए यदि वे इस सम्मेलन का पालन कर रहे हैं या नहीं तो ढांचे स्वयं महत्वपूर्ण नहीं हैं। आप वह हैं जो किसी भी ढांचे का उपयोग करते समय SMACSS का पालन करना चाहिए।

उदाहरण के लिए, कोई किसी को जो SMACSS साथ कम उपयोग करने के लिए तैयार है के लिए टिप्पणियों के साथ कुछ .LESS फाइलों बनाया: https://github.com/growdigital/LESS-SMACSS

2

मैं नहीं जानता कि बूटस्ट्रैप SMACSS पर आधारित है, लेकिन जोनाथन Snook (SMACSS संस्थापक) ने निम्नलिखित कहने के लिए कहा था:

"यदि आप सोच रहे थे कि SMACSS का एक उदाहरण कार्यान्वयन कैसा दिख सकता है? बूटस्ट्रैप एक आदर्श उदाहरण है।"

Prefixed classes in bootstrap

0

आप की कोशिश करनी चाहिए सहायकों सीएसएस: http://helpers.araujo.cc/

बहुत आसान सीखने और समझने के लिए।

<p text="gray-80 normal center"> 
<span text="bold big line-1 red"> 
    Can you 
    </span> feel the 
    <span text="underline italic blue semi-bold"> 
    future 
    </span>? HTML6 
    <span text="pre white-80 line-1.5" layout="navy few-rounded inline-block"> advantages </span> 
    are expecting for 
    <span text="bolder">you</span>! 
</p> 
संबंधित मुद्दे