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

कई साइटें अपने पेज बनाने के लिए किसी भी फैंसी कंटेंट मैनेजमेंट सिस्टम (CMS) का उपयोग नहीं करती हैं, वे सिर्फ अच्छे ol 'स्टेटिक HTML कंटेंट हैं। आपके लिए एक साइट "

जैसा कि हमने कई बार यहां कहा है: आइकन फोंट बहुत बढ़िया हैं। वे उसी तरह से कुशल हैं सीएसएस स्प्राइट कुशल हैं: "के लिए प्रयोग करने योग्य बहुत सारी छवियां"

इस पेंचकस में हम बिना किसी प्लानिंग के अधिक से अधिक फोरम पोस्ट का उत्तर देते हैं। मुझे नहीं लगता कि हम जिस किसी भी धागे को देखते हैं, उस पर एक होमरुन को मारते हैं, लेकिन "

मैंने अपने जीवन में कभी भी GitHub पर "Pull Request" सबमिट नहीं की है। मैं इसे एक शॉट देना चाहता था, इसलिए यह वीडियो मुझे उस क्षण को पकड़ने की कोशिश कर रहा है जो "

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

मैं चार वास्तव में सरल चीजें पेश करता हूं जो आप अपनी वेबसाइटों को तेज बनाने के लिए कर सकते हैं। छवि बनाने के रूप में भी जटिल कुछ भी नहीं (जो कि नहीं है "

यहां तक ​​कि अगर किसी साइट का लेआउट बाईं ओर एक मुख्य सामग्री क्षेत्र और दाईं ओर एक साइडबार के रूप में सरल है, तो यह एक ग्रिड है। CSS में नए लेआउट तरीके हैं "

CodePen PRO नए फीचर्स के बारे में बताता है। आप उनके बारे में पढ़ सकते हैं, लेकिन उन्हें सही दिखाने के लिए बहुत बेहतर है? : और यह सिर्फ शुरुआत है।"

CodePen फ्रंट एंड कोड के साथ साझा करने और खेलने के लिए एक ऐप है। मैंने इसे अपने कुछ दोस्तों के साथ बनाया: एलेक्स वाज़क्वेज़ और टिम साबत। इस ठेठ में "

यह विभिन्न सीएसएस स्थिति मूल्यों का एक त्वरित शुरुआती-स्तरीय अवलोकन है। संक्षेप में: रिश्तेदार आपको "कुहनी" करने की अनुमति देता है और तत्व का "छोड़ देता है"

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

इस बहादुर नई दुनिया के बारे में डरने की कोई बात नहीं है। नेटिव ऐप इसे इतना आसान बनाते हैं कि यह किसी भी आधुनिक का एक महत्वपूर्ण हिस्सा होना चाहिए "

वेबसाइटों के लिए तीन अलग-अलग प्रकार के लेआउट हैं: फिक्स्ड चौड़ाई, द्रव चौड़ाई और इलास्टिक चौड़ाई। इस पेंचकस में हम इन तीनों को देखते हैं "

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

LiveReload एक मैक-ओनली मेनू बार ऐप है जो वेब डेवलपर्स के लिए काफी मददगार है। बस इसे एक विशिष्ट फ़ोल्डर देखने के लिए कहें, और जब कोई फ़ाइल सहेजी जाती है, "

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

परीक्षण के साथ मदद करने के लिए विभिन्न ब्राउज़रों में आपको वेबसाइटों के स्क्रीनशॉट दिखाने के लिए कई उपकरण हैं। लेकिन इतने सारे तरीकों से एक स्क्रीनशॉट का अभाव है: नहीं "

जिसमें मैं कहीं एक वास्तविक उदाहरण लेता हूं जिसे मैं जानता था कि स्प्राइट का उपयोग करना एक अच्छा विचार होगा, फ़ोटोशॉप में हाथ से स्प्राइट बनाएं (मेरी पसंदीदा विधि), और "

बस वेबसाइट को ब्राउज़र से सहेजें (फ़ायरफ़ॉक्स में, आपको एक .html फ़ाइल और सभी संसाधन मिलते हैं), इसे अपने सार्वजनिक फ़ोल्डर में छोड़ दें, और राइट-क्लिक का उपयोग करें "

जिसमें मैं "उत्तरदायी वेब डिज़ाइन" के मूल आधारों को दिखाता हूं और समझाता हूं कि इसका मतलब क्या है। फिर मैं सभी जगह जाता हूं और उदाहरण दिखाता हूं, संबंधित "

हम एक फ़ोटोशॉप डिज़ाइन को देखने और एचटीएमएल 5 मार्कअप को लिखने में पूरा एक घंटा बिताते हैं जो बताता है कि हम क्या देखते हैं। हम कोशिश करते हैं और जितना हम चर्चा कर सकते हैं उतनी ही अर्थपूर्ण रहें ”

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

यह v10 रिडिजाइन श्रृंखला का एक अतिरिक्त विशेष एम्पायर स्ट्राइक बैक थीम एपिसोड है! सब कुछ ठीक होने लगा। हम कुछ चीजों को आगे बढ़ाना शुरू करते हैं ”

यह V10 रीडिज़ाइन श्रृंखला के जेडी थीम्ड एपिसोड का एक अतिरिक्त विशेष रिटेन है! हमने अंतिम शिकंजा को पूरी तरह से हरा दिया। हम उपयोग करने की कोशिश कर रहे थे "

पंचांग v9 में लॉन्च की गई चीज थी और यह कभी पूरी नहीं हुई। यह हालांकि करीब और हर दिन करीब हो रहा है। तो v10 में हम "

काम करता है खोज! यह सिर्फ टेम्प्लेट है जिस पर आप उतरते हैं वह बिल्कुल सही नहीं है। हमें खाका को मोड़ना होगा ताकि यह सही लगे और "की शैली से मेल खाए

हमारे पास यहां से काम करने के लिए एक फ़ोटोशॉप मॉकअप है, क्योंकि हम व्यक्तिगत गैलरी पृष्ठ के लिए टेम्पलेट का निर्माण जारी रखते हैं। सबसे पहले, हमने अगला स्टाइल किया "

हेडर में खोज क्षेत्र "काम करता है" जिसमें इसे डिज़ाइन किया गया है और आप इसे खुले और बंद और उस सब पर क्लिक कर सकते हैं। लेकिन यह वास्तव में कोई खोज नहीं करता है "

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

हमारे सभी Google कस्टम खोज इंजन सेट किए गए हैं (हम साइट के प्रत्येक अनुभाग के लिए एक अलग सेट करते हैं)। खोज के लिए हमारा UI जाने के लिए तैयार है। हमारे पास है"