जानें Lynda.com पर CSS फ्लेक्सबॉक्स

• अप्रैल 28, 2024

दस वर्षों के बाद, जो वेब पर एक जीवनकाल है, हमने मूंड साहित्य समीक्षा वेबसाइट को एक नया रूप देने का फैसला किया। बेशक, हम नवीनतम HTML और CSS का उपयोग करना चाहते थे और इसका मतलब है कि Flexbox, CSS Grid और Responsive Web Design का उपयोग करना।

Lynda.com के लिए धन्यवाद, इसे गति प्राप्त करने में लंबा समय नहीं लगा। नीचे कुछ बेहतरीन वीडियो ट्यूटोरियल्स दिए गए हैं, जिन्होंने मुझे MUSED के नए लुक को डिजाइन करने में मदद की।

सीएसएस फ्लेक्सबॉक्स के साथ उन्नत उत्तरदायी लेआउट
मोर्टन रेंड-हेंड्रिक्सन
इस परियोजना-आधारित पाठ्यक्रम में, लेखक आपको चरण-दर-चरण लेता है क्योंकि वह Flexbox मेनू, उत्तरदायी कार्ड लेआउट, पवित्र कंघी बनानेवाले की रेती लेआउट और इंटरैक्टिव घटकों का निर्माण करता है।

सीएसएस उन्नत ग्रिड के साथ लेआउट
मोर्टन रेंड-हेंड्रिक्सन
आप इस पाठ्यक्रम में बहुत कुछ सीखेंगे। लेखक सीएसएस ग्रिड की मूल बातें और ग्रिड लेआउट की योजना के साथ शुरू होता है। फिर आप एक बहु-स्तंभ लेआउट और पूर्ण-एकल एकल स्तंभ लेआउट बनाने के लिए तैयार हैं। अगला, आप सीखते हैं कि विभिन्न कार्ड लेआउट और एक ऑफ-स्क्रीन नेविगेशन पैनल कैसे डिज़ाइन करें जो कि जरूरत पड़ने पर देखने में स्लाइड करें।

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

सीएसएस फ्लेक्सबॉक्स फर्स्ट लुक
जेम्स विलियमसन
सीएसएस फ्लेक्सबॉक्स लेआउट मॉड्यूल के लिए सभी सिंटैक्स सीखते ही यह कोर्स आपको चरण-दर-चरण लेता है। लेखक चर्चा करता है कि फ्लेक्सबॉक्स क्या कर सकता है और वर्तमान ब्राउज़र समर्थन करता है। वह तब तत्व प्रवाह, सामग्री लपेटना, वस्तुओं को संरेखित करना और फ्लेक्स कंटेनर को घोंसले बनाना जैसे विषयों पर अच्छी तरह से चर्चा करता है।

सीएसएस ग्रिड फर्स्ट लुक
मोर्टन रेंड-हेंड्रिक्सन
इस पाठ्यक्रम में, आप द्वि-आयामी ग्रिड लेआउट बनाने के लिए एक नया और बेहतर तरीका सीखेंगे। उत्तरदायी ग्रिड लेआउट बनाने के लिए सीएसएस ग्रिड का उपयोग करने के लिए मूल बातें के साथ शुरू, लेखक को कवर करता है जो आपको ऑनलाइन पत्रिका और तीन-स्तंभ लेआउट दोनों बनाने के लिए जानना होगा।

Flexbox के साथ उत्तरदायी प्रपत्र का निर्माण
जेम्स विलियमसन
आप रूपों के बिना एक वेबसाइट डिजाइन नहीं कर सकते। प्रपत्रों को स्क्रीन के सभी प्रकारों और आकारों के लिए उत्तरदायी होना चाहिए, बाकी साइट की तरह। विलियमसन आपको सिखाता है कि संवेदनशील वेब फ़ॉर्म बनाने और स्टाइल करने के लिए CSS फ्लेक्सबॉक्स बॉक्स मॉडल का उपयोग कैसे करें। वह एक सरल खोज फ़ॉर्म के साथ शुरू होता है और एक बड़े, दो स्तंभ रूप में बनाता है।

उत्तरदायी छवियां
मोर्टन रेंड-हेंड्रिक्सन
यदि आप Wordpress का उपयोग करते हैं, तो आप जानते हैं कि यह स्वचालित रूप से आपके द्वारा सिस्टम पर अपलोड की जाने वाली प्रत्येक छवि के लिए कई अलग-अलग आकार के चित्र उत्पन्न करेगा। क्यों? यह पाठ्यक्रम उत्तरदायी छवियों के पीछे की अवधारणा को समझाएगा और उन्हें अपनी वेबसाइट पर कैसे उपयोग करें।

वीडियो निर्देश: Creating your client portal login and password (अप्रैल 2024).