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

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

इस पेयरिंग स्क्रेंकास्ट में, मैं डी गिल के साथ घूमता हूं। हम जिस नए ऐप पर काम कर रहे हैं, उसके लिए कुछ लेआउट सामानों पर एक नज़र डालते हैं: टिंज। उसके पास एक डिज़ाइन मॉकअप था "

मैं फिलिप वाल्टन (जो Google Analytics पर Google के लिए काम करता हूं) के साथ इस स्क्रैंकास्ट में जोड़ी बनाता हूं। यह हमारे द्वारा डाले गए केस-स्टडी को पूरक करता है: लर्निंग टू यूज़ "

इस वीडियो में लारा शेंक और मैं जोड़ी बनाते हैं, और वह मुझे वर्डप्रेस में बच्चे के सभी विषयों के बारे में सिखाती है। यह एक पॉडकास्ट की तरह है जिसे आप भी देखते हैं! हम सीधे चलते हैं ”

काइल सिम्पसन, आंशिक रूप से जावास्क्रिप्ट के साथ काम करने के लिए अपने उत्साह को फिर से जीवंत करने के प्रयास में, एक खेल का निर्माण शुरू कर दिया। वह वास्तव में एक "खेल" नहीं है

सीएसएस-ट्रिक्स के डिजाइन के रूप में मैं इसे रिकॉर्ड करता हूं, जिन चीजों को मैं जोड़ना चाहता था उनमें से एक "फ्रंट एंड डिजाइन एंड डेवलपमेंट जॉब्स" विजेट था, जो कोडपेन द्वारा संचालित था।

मैं शायद थोड़ा सा दुर्लभ हूं कि मुझे उत्तरदायी छवियों पर ध्यान रखने की कोशिश करने में मज़ा आया। यह एक दिलचस्प समस्या है जिसने बहुत सारी चीजों को काट दिया "

यह एक ब्लॉग पोस्ट का वीडियो स्क्रैंकास्ट संस्करण है जो मैंने बहुत पहले नहीं किया था: उपयोगी फ्लेक्सबॉक्स तकनीक: संरेखण शिफ्टिंग रैपिंग। मैं एक कोडपेन मीटअप में था "

एसवीजी को एनिमेटेड करना थोड़ा अनूठा है कि इसमें तीन अलग-अलग तरीके हैं जो आप इसे एनिमेट कर सकते हैं। 1. सीएसएस @keyframes SVG के साथ एनिमेटेड "

आप उत्तरदायी छवियों के बारे में जानते हैं। यह HTML में छवि सिंटैक्स के बारे में है। यदि आप इसे सही सिंटैक्स में सही जानकारी देते हैं, तो आप ब्राउज़र प्राप्त कर सकते हैं "

सीएसएस में केवल एक सीएसएस संपत्ति नहीं है जो आप चीजों को छिपाने और दिखाने के लिए पहुंचते हैं। विचार का एक गुच्छा है कि हम "

इस वीडियो में, मैं एक विशेष "वास्तविक दुनिया" स्थिति के बारे में भविष्यवाणी करता हूं कि मैं इसमें शामिल था कि मैं कोडपैन मीटअप पृष्ठ को कैसे संभालता हूं। शुरुआती दिनों में "

एक ठेठ पेंचकस के बजाय, यह मेरी बात का एक वीडियो है जिसे एसवीजी ब्लेंडकोनफ में ट्रीहाउस गैंग द्वारा रिकॉर्ड किए गए हर व्यक्ति के लिए है। बेशक "

हम अभी हाल ही में सीएसएस-ट्रिक्स पर यहीं "HTTPS" हर जगह चले गए। मैंने एक ब्लॉग पोस्ट लिखी है, जिसमें वहां पहुंचने के चरणों का उल्लेख है। यह वीडियो एक साथी है "

इस श्रृंखला के एपिसोड दो में, हम साइट की संरचना के साथ जारी रखते हैं। फ़ोटोशॉप में, हम मेनू के तीन अलग-अलग राज्यों को बनाते हैं, फिर स्लाइस "

मैंने सर्वर साइड मस्टर्ड कट के इस विचार के बारे में एक लिखित पोस्ट प्रकाशित की। तो अगर आप कोड नमूने और सामान को पढ़ रहे हैं और जाँच रहे हैं, तो यह "

मेरे पास थोड़ी सी डिजाइन की स्थिति थी जहां मैं फ्लोट्स के साथ बक्से का एक तरल ग्रिड बना रहा था। मैं यह निर्दिष्ट करना चाहता था कि एक पंक्ति में कितने बक्से बहुत "

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

ये सभी कार्य हैं जिन्हें हमें फ्रंट एंड डेवलपर्स के रूप में करने की आवश्यकता है। हमारी फ़ाइलों को संक्षिप्त और संपीड़ित करें। हमारे पूर्वप्रक्रमकों को चलाएं। छवियों का अनुकूलन करें। Daud"

एक टेम्पलेट HTML का एक हिस्सा है जिसे आपको पृष्ठ पर इंजेक्ट करने की आवश्यकता है। अक्सर टेम्पलेट "सर्वर साइड" बनाए जाते हैं - इसमें वे पूरी तरह से जावास्क्रिप्ट पर आते हैं।

Effeckt.css एक इन-प्रोग्रेस ओपन सोर्स प्रोजेक्ट है, जिसका उद्देश्य वेब डिजाइनरों के लिए प्रदर्शनकारी, गुणवत्ता CSS बदलाव और एनिमेशन प्रदान करना है। विचार है "

यह एक प्रस्तुति है जिसे मैंने दिसंबर 2012 में सिर्फ एक बार एक सम्मेलन में दिया था। इस स्क्रैंकास्ट में मैं इसे एक आखिरी बार आपको दे रहा हूं, ओ 'सीएसएस-ट्रिक्स ग्राहक। मैं"

एम्मेट कोड संपादकों के लिए एक ऐड-ऑन है जो आपको HTML और CSS को अधिक तेज़ी से लिखने की अनुमति देता है। HTML मोर्चे पर, यह आपको HTML के लिए संक्षिप्ताक्षर लिखने की अनुमति देता है। "

HTML / CSS में फ़ोटोशॉप मॉकअप परिवर्तित करने की पहली श्रृंखला पर बहुत अच्छी प्रतिक्रिया मिली है। तो चलिए फिर करते हैं! हर वेबसाइट अलग है "

क्या मॉडर्निज़र को हर आधुनिक वेब प्रोजेक्ट का हिस्सा होना चाहिए? जरूरी नही। इस पेंचकस में मैं बात करता हूँ कि जब आप करने की योजना बनाते हैं तो आपको मॉडर्निज़र की आवश्यकता कैसे होती है "

यह एक प्रस्तुति है जिसे मैंने 2012 के अंत में और 2013 की शुरुआत में सम्मेलनों में दिया था। इस स्क्रैंकास्ट में मैं इसे एक आखिरी बार आपको दे रहा हूँ, ओ 'सीएसएस-ट्रिक्स ग्राहक। यह "

हमेशा के लिए हम सभी ने 16x16 ग्राफिक्स बनाए और उन्हें किसी न किसी रूप में .ico फॉर्मेट में मिला दिया। मैंने शायद इस कन्वर्टर टूल का एक लाख बार उपयोग किया है। कहीं साथ "

इस वीडियो के समय सीएसएस-ट्रिक्स पर बटन, एक अशुद्ध 3 डी प्रभाव है। वे एक नीली ईंट की तरह दिखते हैं जो आप ऊपर से एक कोण पर देख रहे हैं। कब"

किसी भी गैर-तुच्छ सामग्री-उन्मुख वेबसाइट की आवश्यकताओं के अनुरूप सही सीएमएस बॉक्स से बाहर नहीं आता है। उन्हें अनुकूलन की आवश्यकता होती है। उदाहरण के लिए, "

मैंने पहले कभी कस्टम उदात्त पाठ स्निपेट बनाने के साथ खिलवाड़ नहीं किया है। इसलिए जब जेम्स नोवेल ने एक को भेजा, तो मैंने सीखने का अवसर लिया। यहाँ यह है: mq "