मालिकेतील या दुसऱ्या लेखात चला बूटस्ट्रॅप वैशिष्ट्यांचा सामना करूया. हे वेब साइट्स आणि ऍप्लिकेशन्सच्या डिझाइनसाठी संसाधनांचे एक संपूर्ण लायब्ररी आहे, ज्यामध्ये फॉर्म, फॉन्ट आणि मेनूसाठी टेम्पलेट्स आणि घटक समाविष्ट आहेत.
मध्ये मागील लेख आम्ही असा युक्तिवाद केला की काही वेळा सामग्री व्यवस्थापक सर्वोत्तम पर्याय नसतात आणि ते वेबसाइटसाठी सुरवातीपासून कोड लिहिणे हा योग्य पर्याय आहे. तथापि, याचा अर्थ असा नाही की आपल्याला चाक पुन्हा शोधून काढावे लागेल. बूटस्ट्रॅप सारख्या फ्रेमवर्कचा वापर केल्याने डिझाइनचा वेळ मोठ्या प्रमाणात कमी होतो आणि परिणाम मिळवणे सोपे होते.
बूटस्ट्रॅप वैशिष्ट्ये
बूटस्ट्रॅपची वैशिष्ट्ये समजून घेण्यासाठी, आपल्याला समजून घेणे आवश्यक आहे वेबसाइट डिझाइनमधील प्रतिमान बदल.
जेव्हा ते दिसले वेबसाइट्सना फक्त वेगवेगळ्या आकाराच्या मॉनिटर्सशी जुळवून घ्यावे लागले. परंतु, कालांतराने, मोबाईल फोन आणि टॅब्लेट हे वापरकर्त्यांसाठी अधिकाधिक पसंतीचे माध्यम बनले आहेत. पृष्‍ठे पाहण्यासाठी वापरकर्त्याला आशय मोठा करणे, संकुचित करणे किंवा हलविण्‍याशिवाय ती विविध स्‍क्रीनशी जुळवून घेणे हे आव्हान होते.
तत्वतः, खालील पद्धतींचा अवलंब केला गेला:
- प्रतिसादात्मक डिझाइन: डिझाइन समान आहे परंतु स्क्रीनच्या आकाराशी आपोआप जुळवून घेतले जाते. या दृष्टिकोनामध्ये काही समस्या आहेत जसे की वापरकर्त्याला पृष्ठाच्या काही विभागांना ते पाहण्यासाठी झूम इन करण्यास भाग पाडले जाऊ शकते.
- प्रगतीशील प्रगती: कमी संसाधनांसह (सामान्यत: मोबाइल फोन कारण त्याची स्क्रीन लहान असते, प्रगत वैशिष्ट्यांसाठी कमी सुसंगतता असलेला ब्राउझर आणि कनेक्ट करण्यासाठी अनेकदा डेटा प्लॅन वापरणे आवश्यक असते) हे डिव्हाइससाठी साइट डिझाइन करून सुरू होते. एकदा पूर्ण झाल्यावर, या डिझाइनच्या आधारे, टॅब्लेट, नोटबुक आणि डेस्कटॉप संगणकांसाठी आवृत्ती मिळविण्यासाठी वैशिष्ट्ये जोडली जातात.
- क्रमिक ऱ्हास: तो उलटा मार्ग आहे. डेस्कटॉप साइट प्रथम तयार केली जाते आणि मोबाइल-अनुकूल आवृत्ती प्राप्त होईपर्यंत वैशिष्ट्ये काढून टाकली जातात.
काढून टाकण्यापेक्षा जोडणे नेहमीच सोपे असल्याने, प्रगतीशील आगाऊ हा ट्रेंड आहे जो प्रचलित झाला. बी.ootstrap उदाहरणार्थ "मोबाइल प्रथम" दृष्टीकोन घेते, असे म्हणायचे आहे की डिझाइनचा आधार नेहमीच सर्वात लहान स्क्रीन आकारात दर्शविल्या जाणार्‍या आवृत्तीचा असतो आणि त्यानंतर, त्यानंतरच्या आकारांमध्ये पास केल्यावर जे बदल केले जातील ते स्थापित केले जातात.
बूटस्ट्रॅप वापरण्याचा एक अतिरिक्त फायदा या वस्तुस्थितीशी संबंधित आहे Google त्याच्या शोधांमध्ये मोबाइल-अनुकूल साइटला प्राधान्य देते.
आणखी एक संकल्पना जी आपण लक्षात घेतली पाहिजे ती म्हणजे फ्रंटएंड आणि बॅकएंड डिझाइनमधील फरक. फ्रंट-एंड डिझाइन वापरकर्त्याने पाहत असलेल्या प्रत्येक गोष्टीची आणि त्यांनी संवाद साधलेल्या प्रत्येक गोष्टीची काळजी घेते. बॅकएंड गट सर्व्हरवर काय केले जाते. पूर्वीचे उदाहरण म्हणजे वेब फॉर्मचे. पर्यायांची मालिका दर्शविणे म्हणजे ड्रॉप-डाउन मेनू फ्रंटएंड डिझाइन म्हणून दर्शविला जातो, निवडलेला पर्याय मेलद्वारे पाठविला जातो किंवा डेटाबेसमध्ये जोडला जातो तो बॅकएंड डिझाइन असतो.
बूटस्ट्रॅप हे एक फ्रेमवर्क आहे जे प्रस्तुतीकरण नियंत्रित करण्यासाठी आणि HTML5 मध्ये विकसित केलेल्या पृष्ठाच्या सर्व घटकांना परस्परसंवाद देण्यासाठी CSS शैली आणि Javascript प्रोग्रामिंगचे घटक एकत्र करते.
आम्ही बूटस्ट्रॅपसह नियंत्रित करू शकतो अशा गोष्टींपैकी:
- प्रवेशयोग्यता: मेनू किंवा संवाद यासारखे घटक स्क्रीन रीडरशी सुसंगत आहेत किंवा कमी गतिशीलता असलेल्या लोकांच्या वापरासाठी योग्य आहेत.
- बटणे: उपाय, शैली, राज्ये आणि गटबद्धता समाविष्ट आहे.
- फॉर्म: प्रस्तुतीकरण, नियंत्रणांचे प्रकार आणि इनपुट प्रमाणीकरण यासह.
- प्रतिमा: घातलेल्या प्रतिमांचे मूळ, संरेखन आणि स्क्रीन आकार नियंत्रित करते.
- नेव्हिगेशन घटक: उदाहरणार्थ, डिव्हाइसवर अवलंबून लपवण्यायोग्य साइडबार किंवा अनुलंब किंवा क्षैतिज मेनू.
- टायपोग्राफी: मजकूराचे वेगवेगळे भाग कसे प्रदर्शित केले जातात ते नियंत्रित करा.
- मांडणी: डिव्हाइसवर अवलंबून सामग्री प्रस्तुतीकरण समायोजित करणे
पुढील लेखात आपण त्याच्या वापराची काही व्यावहारिक उदाहरणे पाहू.
बूटस्ट्रॅपबद्दल काहीतरी शिकण्यास उत्सुक आहे.
आपल्या वेळेबद्दल धन्यवाद!