वीडियो स्कैन 2025, अप्रैल

# 24: गोल कोनों - सीएसएस-ट्रिक्स

# 24: गोल कोनों - सीएसएस-ट्रिक्स

यहां पांच अलग-अलग तकनीकें हैं जिनका उपयोग करके आप किसी वेबसाइट पर बक्से के लिए गोल कोने बना सकते हैं। सीएसएस और "के साथ चीजों को करने के लिए हमेशा अलग-अलग तरीके होते हैं"

# 23: सशर्त शैलियाँ - सीएसएस-ट्रिक्स

# 23: सशर्त शैलियाँ - सीएसएस-ट्रिक्स

इंटरनेट एक्सप्लोरर विशेष रूप से अपने विभिन्न संस्करणों के लिए CSS स्टाइलिंग जानकारी को लक्षित करने का एक तरीका प्रदान करता है। ये "सशर्त शैलियाँ" सर्वश्रेष्ठ हैं "

# 22: कतरन पथ काटना - सीएसएस-ट्रिक्स

# 22: कतरन पथ काटना - सीएसएस-ट्रिक्स

हम इस सप्ताह फ़ोटोशॉप में वापस आ गए हैं क्योंकि मैं एक बहुत विशिष्ट कौशल के बारे में थोड़ी बात करना चाहता था जो मुझे लगता है कि सभी डिजाइनरों के लिए महत्वपूर्ण है। अर्थात्"

# 20: jQuery का परिचय - सीएसएस-ट्रिक्स

# 20: jQuery का परिचय - सीएसएस-ट्रिक्स

लोकप्रिय जावास्क्रिप्ट लाइब्रेरी jQuery अपनी साइट की डिज़ाइन संभावनाओं को बढ़ाने के लिए एक अद्भुत तरीका है जो सीएसएस कर सकता है। लेकिन सौभाग्य से, यदि आप "

# 21: संपर्क फ़ॉर्म का वॉकथ्रू - सीएसएस-ट्रिक्स

# 21: संपर्क फ़ॉर्म का वॉकथ्रू - सीएसएस-ट्रिक्स

कुछ मायनों में, संपर्क फ़ॉर्म "हैलो, वर्ल्ड!" वेब डिजाइनर और वेब डेवलपर्स का अनुप्रयोग। यह ऐसा कुछ भी नहीं है जो "से पहले नहीं किया गया है"

# 199: JSX के साथ मेसिंग - सीएसएस-ट्रिक्स

# 199: JSX के साथ मेसिंग - सीएसएस-ट्रिक्स

मुझे शायद यह बहुत पहले सीखना चाहिए था, लेकिन अफसोस, यहाँ हम हैं। आपको पता चलता है कि आप JSX को किस फ़ंक्शन का उपयोग करना चाहते हैं। हां, JSX वास्तव में केवल "

# 194: जेटपैक का सामाजिक एकीकरण - सीएसएस-ट्रिक्स

# 194: जेटपैक का सामाजिक एकीकरण - सीएसएस-ट्रिक्स

जेटपैक आपकी साइट के सोशल मीडिया को स्वचालित करने में मदद कर सकता है। यह एक बहुत छोटा सा फीचर है जिसकी तुलना में सभी विशाल सामान जेटपैक कर सकते हैं, जैसे कि आपकी साइट का सुधार

# 1: फ़ोटोशॉप मॉकअप परिवर्तित करना (3 का भाग 1) - सीएसएस-ट्रिक्स

# 1: फ़ोटोशॉप मॉकअप परिवर्तित करना (3 का भाग 1) - सीएसएस-ट्रिक्स

इस पहले वीडियो पॉडकास्ट में, मैं एक वेबसाइट के एडोब फोटोशॉप मॉकअप की रूपांतरण प्रक्रिया को एक वास्तविक लाइव सीएसएस आधारित वेबसाइट में शुरू करता हूं। ये है"

# 180: मोबाइल पर वीडियो के साथ छेड़छाड़ - सीएसएस-ट्रिक्स

# 180: मोबाइल पर वीडियो के साथ छेड़छाड़ - सीएसएस-ट्रिक्स

निष्पक्ष चेतावनी: मैं इस सामान का कोई विशेषज्ञ नहीं हूं, मैं सिर्फ वेब पर वीडियो के साथ खेल रहा हूं और कुछ मुद्दों को संबोधित कर रहा हूं जब मैं "क्लिप" दिखा रहा हूं

# 196: काइल सिम्पसन के साथ ग्रिड और फ्लेक्सबॉक्स सीखना सीएसएस-ट्रिक्स

# 196: काइल सिम्पसन के साथ ग्रिड और फ्लेक्सबॉक्स सीखना सीएसएस-ट्रिक्स

काइल एक जावास्क्रिप्ट लड़का है। वह वेब के बारे में एक टन जानता है, और सीएसएस के बारे में भी बहुत कुछ है, लेकिन आधुनिक सीएसएस लेआउट टूलबॉक्स जैसे अप-टू-डेट नहीं है। "

# 197: स्टैकबिट और स्टैकबिट स्टूडियो में एक नज़र - सीएसएस-ट्रिक्स

# 197: स्टैकबिट और स्टैकबिट स्टूडियो में एक नज़र - सीएसएस-ट्रिक्स

Stackbit ऐप आपको एक नई Jamstack साइट को बहुत तेज़ी से बाहर निकालने में मदद करता है। एक थीम, एक स्थिर साइट जनरेटर और एक सीएमएस चुनें और यह आपके लिए एक रेपो बन जाएगा। "

# 198: स्थिति संपत्ति के बारे में - सीएसएस-ट्रिक्स

# 198: स्थिति संपत्ति के बारे में - सीएसएस-ट्रिक्स

स्थैतिक: डिफ़ॉल्ट सापेक्ष: आपको शीर्ष / दाएं / नीचे / बाएं के साथ चारों ओर कुल्ला करने की अनुमति देता है, जो जेड-इंडेक्स का काम करता है, आपको एक स्थिति देता है।

# 19: ट्विटर अपडेट के लिए एक अनोखा पेज डिजाइन करना - सीएसएस-ट्रिक्स

# 19: ट्विटर अपडेट के लिए एक अनोखा पेज डिजाइन करना - सीएसएस-ट्रिक्स

इस सप्ताह मैं आपको ट्विटर से शुरू से अंत तक अपने हाल के 'ट्वीट्स' को प्रदर्शित करने के लिए सरल वेबपेज के निर्माण के माध्यम से ले जाता हूं। इस डिजाइन में शामिल हैं "

# 178: किसी भी वर्कफ़्लो में पर्सी कैच विजुअल चेंजेस - सीएसएस-ट्रिक्स

# 178: किसी भी वर्कफ़्लो में पर्सी कैच विजुअल चेंजेस - सीएसएस-ट्रिक्स

मैं यह सुनिश्चित करना चाहता था कि आप समझ सकें कि पर्सी आपके लिए क्या कर सकता है, इसलिए शीर्षक। जब आप अपनी वेबसाइटों में परिवर्तन करते हैं, तो जैसे "

# 195: CSS के साथ लाइन कैसे ड्रा करें - सीएसएस-ट्रिक्स

# 195: CSS के साथ लाइन कैसे ड्रा करें - सीएसएस-ट्रिक्स

मूर्ख सरल, है ना? यह है! लेकिन कुछ मिनटों के बारे में सोचने और अलग-अलग तरीकों से एक गुच्छा गिनना मजेदार है जो हम कर सकते हैं। और मुझे क्या मतलब है "

# 193: स्कली: एंगुलर के लिए एसएसजी - सीएसएस-ट्रिक्स

# 193: स्कली: एंगुलर के लिए एसएसजी - सीएसएस-ट्रिक्स

तारा जेड मैनिकिक ने इस वीडियो के लिए मेरा साथ दिया, जो कि स्कली की मूल बातें स्थापित करता है, जो कि एंगुलर के लिए स्टेटिक साइट जेनरेटर है - nay, SSG for "

# 192: मुसीबत से खुद को बाहर निकालने के लिए चालें - सीएसएस-ट्रिक्स

# 192: मुसीबत से खुद को बाहर निकालने के लिए चालें - सीएसएस-ट्रिक्स

आपके स्रोत कोड को संभालने के लिए जितने अद्भुत हैं, आप खुद को मुसीबत में डाल सकते हैं। यदि आप किसी फ़ाइल में परिवर्तन करते हैं और आप "

# 169: कैसे सोचें एक फ्रंट-एंड डेवलपर की तरह - सीएसएस-ट्रिक्स

# 169: कैसे सोचें एक फ्रंट-एंड डेवलपर की तरह - सीएसएस-ट्रिक्स

यह वर्डकैंप यूएस में मेरी बात का एक वीडियो है। आइए एक नज़र डालें कि इन दिनों फ्रंट-एंड डेवलपमेंट क्या है। भूमिका क्या है, कहां से शुरू करें "

# 188: ओवरलैपिंग हैडर पैटर्न की खोज - सीएसएस-ट्रिक्स

# 188: ओवरलैपिंग हैडर पैटर्न की खोज - सीएसएस-ट्रिक्स

स्नूक ने "सीएसएस ग्रिड के साथ ओवरलैपिंग हैडर" नामक एक लेख प्रकाशित किया, जहां वह एक हेडर डिजाइन पैटर्न को देखता है जो मुझे लगता है कि ट्रेंड को स्थानांतरित करता है और "

# 189: व्यक्तिगत और सार्वजनिक उपयोग के लिए धारणा - सीएसएस-ट्रिक्स

# 189: व्यक्तिगत और सार्वजनिक उपयोग के लिए धारणा - सीएसएस-ट्रिक्स

यह धारणा का उपयोग करने पर हमारी छोटी सीरीज़ का अंतिम वीडियो है। हमने कवर किया है कि वेब डेवलपमेंट टीमों पर काम करने के लिए नोटियन कैसे महान है। लेकिन एक और बात "

# 187: टीम मीटिंग और प्रलेखन के लिए धारणा - सीएसएस-ट्रिक्स

# 187: टीम मीटिंग और प्रलेखन के लिए धारणा - सीएसएस-ट्रिक्स

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

# 184: अंदर और संरेखित सूची - सीएसएस-ट्रिक्स

# 184: अंदर और संरेखित सूची - सीएसएस-ट्रिक्स

तथ्य यह है कि सूची अपने मार्करों को अपने स्वयं के बॉक्स के बाहर प्रस्तुत करती है (डिफ़ॉल्ट रूप से) थोड़ा अजीब है। किसी भी छिपे हुए ओवरफ्लो या ओवरहैगिंग के किनारे से "

# 18: बैंड वेबसाइट टेम्पलेट का परिचय - सीएसएस-ट्रिक्स

# 18: बैंड वेबसाइट टेम्पलेट का परिचय - सीएसएस-ट्रिक्स

मैंने हाल ही में एक साइड प्रोजेक्ट जारी किया है जिसे बैंड वेबसाइट टेम्पलेट कहा जाता है। यह इसका एक त्वरित दौरा है, यह बताते हुए कि इसे क्यों बनाया गया था और मैं इसे क्यों समझता हूं "

# 185: CSS मास्क के साथ खेलना - सीएसएस-ट्रिक्स

# 185: CSS मास्क के साथ खेलना - सीएसएस-ट्रिक्स

CSS में मास्किंग तत्व के कुछ हिस्सों को छिपाने और दूसरों को दिखाने का एक तरीका है। एक और क्लिप-पाथ है, लेकिन आइए आज उस पर ध्यान केंद्रित न करें। "मास्क छवियां हैं; क्लिप्स"

# 183: कला निर्देशन चित्र, चित्र तत्व, और छवि सीडीएन - सीएसएस-ट्रिक्स

# 183: कला निर्देशन चित्र, चित्र तत्व, और छवि सीडीएन - सीएसएस-ट्रिक्स

यह एक अलाभकारी घटना है! मैं इमेज होस्टिंग सेवाओं के विचार के बारे में बात कर रहा हूं जो आपको रूपांतरण के लिए URL को छवि में हेरफेर करने की अनुमति देता है "

# 186: वेब विकास टीमों के लिए धारणा सीएसएस-ट्रिक्स

# 186: वेब विकास टीमों के लिए धारणा सीएसएस-ट्रिक्स

मैं विशेष रूप से टीमों को सिंक में रखने के लिए, नोयन का बहुत बड़ा प्रशंसक हूं। मैं डेवलपर्स की टीमों पर काम करता हूं, और मुझे लगता है कि यह उसके लिए विशेष रूप से अच्छी तरह से काम करता है। अगर मैं होता"

# 182: बेबी का पहला Vue SFC - सीएसएस-ट्रिक्स

# 182: बेबी का पहला Vue SFC - सीएसएस-ट्रिक्स

SFC "सिंगल फाइल कंपोनेंट" के रूप में जो कुछ ऐसा है जिसे Vue ऑफ़र करता है और Vue लोगों को प्यार करने लगता है। मैंने अपने दिनों में बहुत कम Vue लिखा है, लेकिन मैं एक प्रशंसक हूं! "

# 181: HTML सूचियों में पोकिंग - सीएसएस-ट्रिक्स

# 181: HTML सूचियों में पोकिंग - सीएसएस-ट्रिक्स

मेरे पास दूसरे दिन एक गूंगा थोड़ा मुद्दा था जहां एक नेस्टेड सूची में सही रिक्ति नहीं थी। मैं केवल सूची तत्वों पर मार्जिन-नीचे जोड़ रहा था और "

# 179: वर्गों की एक ग्रिड - सीएसएस-ट्रिक्स

# 179: वर्गों की एक ग्रिड - सीएसएस-ट्रिक्स

एक ग्रिड बनाने के लिए सीएसएस ग्रिड का उपयोग करना, अच्छी तरह से, पूरे बिंदु है। लेकिन क्या होगा यदि आप एक पहलू अनुपात को बनाए रखने के लिए उन सभी ग्रिड वस्तुओं को 1: 1 वर्ग की तरह चाहते हैं? आईटी इस"

# 176: फ्रैमर मोशन के साथ काम करना - सीएसएस-ट्रिक्स

# 176: फ्रैमर मोशन के साथ काम करना - सीएसएस-ट्रिक्स

फ्रैमर से मैट पेरी और मैं रिएक्ट एनीमेशन लाइब्रेरी फ्रामर मोशन पर एक नज़र डालते हैं। सबसे पहले, हम इस बात पर एक नज़र डालते हैं कि एपीआई कितना सरल है। आप नियंत्रण करें "