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

# 156: वेबपैक के बारे में बात करते हैं - सीएसएस-ट्रिक्स

# 156: वेबपैक के बारे में बात करते हैं - सीएसएस-ट्रिक्स

शॉन लार्किन वेबपैक के बारे में बात करने के लिए मुझसे जुड़ता है! मुझे शक है कि मैं अकेला हूँ जो इस बारे में थोड़ा उलझन में है कि हेक वेबपैक क्या है और क्या करता है। भले ही आप सक्रिय हों ”

# 134: Jekyll, ग्रंट, सैस, एक SVG सिस्टम, और अधिक के साथ निर्मित एक साइट की प्रगति का एक टूर सीएसएस-ट्रिक्स

# 134: Jekyll, ग्रंट, सैस, एक SVG सिस्टम, और अधिक के साथ निर्मित एक साइट की प्रगति का एक टूर सीएसएस-ट्रिक्स

चेतावनी: यह एक मध्यस्थ, मध्यवर्ती स्तर का पेंचकस है जिसमें हम उस कोड को देखते हैं जो किसी साइट के लिए निर्माण प्रक्रिया को अधिकार देता है। हम कोई कोड नहीं लिखते हैं। "

# 99: HTML5 प्रपत्रों का अवलोकन, गुण, और तत्व - सीएसएस-ट्रिक्स

# 99: HTML5 प्रपत्रों का अवलोकन, गुण, और तत्व - सीएसएस-ट्रिक्स

HTML5 में प्रपत्र-विशिष्ट सुविधाओं का एक समूह होता है, जो सभी वेब पर फ़ॉर्म को बेहतर बनाते हैं। सुविधाओं के लिए ब्राउज़र का समर्थन सभी मानचित्र पर है, लेकिन बहुत से "

# 9: तारों से रात: लंबन प्रभाव के साथ 3 डी पृष्ठभूमि - सीएसएस-ट्रिक्स

# 9: तारों से रात: लंबन प्रभाव के साथ 3 डी पृष्ठभूमि - सीएसएस-ट्रिक्स

अल्फा पारदर्शी PNG फ़ाइलों की तीन परतों का उपयोग करके, हम वेब पेज के लिए एक छद्म 3-आयामी दिखने वाली पृष्ठभूमि बना सकते हैं। यह पेंचकस कवर करता है कि कैसे "

# 98: बॉडी बॉर्डर्स के साथ खेलना - सीएसएस-ट्रिक्स

# 98: बॉडी बॉर्डर्स के साथ खेलना - सीएसएस-ट्रिक्स

ब्राउज़र विंडो के अंदर एक बॉर्डर रखना इतना आसान सा विचार है और एक अच्छा डिज़ाइन प्रभाव हो सकता है। लेकिन हम इसे कैसे करते हैं ताकि "

# 96: फॉर्म के लिए लोकलस्टोरेज - सीएसएस-ट्रिक्स

# 96: फॉर्म के लिए लोकलस्टोरेज - सीएसएस-ट्रिक्स

HTML5 में स्‍थानीय डेटा को स्‍थिर करने के लिए अविश्वसनीय रूप से सरल विधि है जिसे लोकल स्‍टेज कहा जाता है। मूल रूप से, आप केवल कुंजी / मान युग्म के साथ एक विधि कहते हैं और वह है "

# 97: सीएसएस एनिमेशन का परिचय - सीएसएस-ट्रिक्स

# 97: सीएसएस एनिमेशन का परिचय - सीएसएस-ट्रिक्स

एनिमेशन, जैसे संक्रमण, समय के साथ पृष्ठ तत्वों को बदल सकते हैं। एनिमेशन कई मायनों में अधिक शक्तिशाली और अधिक जटिल हैं। आपको एक घोषणा करने की आवश्यकता है "

# 95: बॉर्डर ग्रैजुएट्स की एक कहानी - सीएसएस-ट्रिक्स

# 95: बॉर्डर ग्रैजुएट्स की एक कहानी - सीएसएस-ट्रिक्स

यह पता चलता है कि सीमाओं पर ग्रेडिएंट को पूरा करने का एक सरल तरीका है। मुझे इससे अधिक समय लगना चाहिए, हालांकि, इस पेंचकस को कवर करना चाहिए "

# 94: छद्म तत्वों का परिचय - सीएसएस-ट्रिक्स

# 94: छद्म तत्वों का परिचय - सीएसएस-ट्रिक्स

छद्म तत्व एक वेब पेज पर दिखाई देने वाले तत्व हैं जो "DOM" में नहीं हैं या HTML से बनाए गए हैं, बल्कि सीधे CSS से डाले जाते हैं। यह अनुमति देता है"

# 93: CSS3 स्लाइडअप बॉक्स - सीएसएस-ट्रिक्स

# 93: CSS3 स्लाइडअप बॉक्स - सीएसएस-ट्रिक्स

"स्लाइडअप" बॉक्स प्रभाव बनाने के लिए हम कुछ बहुत ही सरल CSS3 बदलावों का उपयोग करते हैं। अपने माउस के साथ बॉक्स पर रोल करें, और बॉक्स का शीर्षक "

# 92: ड्राइंग टेबल का कोड वॉकथ्रू - सीएसएस-ट्रिक्स

# 92: ड्राइंग टेबल का कोड वॉकथ्रू - सीएसएस-ट्रिक्स

ड्राइंग टेबल संक्षेप में एक मिनी एक पेज jQuery के अनुप्रयोग है। इसका एक प्राथमिक कार्य है, कोशिकाओं के रंगों को बदलकर एक रंगीन डिजाइन बनाना "

# 91: वर्डप्रेस लूप - सीएसएस-ट्रिक्स

# 91: वर्डप्रेस लूप - सीएसएस-ट्रिक्स

वर्डप्रेस की प्रसिद्ध कंटेंट-स्पूइंग संरचना पर प्रलेखन की कोई कमी नहीं है, लेकिन मुझे अभी भी लगता है कि अधिक भ्रम और रहस्य है "

# 86: MAMP के साथ पहला क्षण - सीएसएस-ट्रिक्स

# 86: MAMP के साथ पहला क्षण - सीएसएस-ट्रिक्स

मैं इस समय पर पीछे हूं, लेकिन हाल तक, मैंने कभी भी स्थानीय रूप से विकसित नहीं किया है। मैंने जो कुछ किया वह "कमांडो जा रहा है" और काम कर रहा था "

# 90: सरल टेक्स्टमेट टिप्स - सीएसएस-ट्रिक्स

# 90: सरल टेक्स्टमेट टिप्स - सीएसएस-ट्रिक्स

TextMate एक मैक-केवल कोड संपादक है। इस समय सभी पीसी उपयोगकर्ताओं के लिए क्षमा करें। यदि आप लंबे समय से इन स्क्रैंकों को देख रहे हैं, तो आप जानते हैं कि मैंने इसका उपयोग किया है "

# 89: फोटोशॉप डॉक्यूमेंट का आयोजन - सीएसएस-ट्रिक्स

# 89: फोटोशॉप डॉक्यूमेंट का आयोजन - सीएसएस-ट्रिक्स

यदि आप मेरी तरह हैं, तो आप दोनों गंभीर रूप से असंगठित फोटोशॉप दस्तावेजों के लिए दोषी हैं और अच्छी तरह से संगठित लोगों की सराहना करते हैं। अव्यवस्था नहीं है "

# 8: CSS Formatting - सीएसएस-ट्रिक्स

# 8: CSS Formatting - सीएसएस-ट्रिक्स

व्यवस्थित होने और अपने CSS फाइलों में अच्छे फॉर्मेटिंग का उपयोग करने से आप अपनी विकास प्रक्रिया के दौरान और विशेष रूप से बहुत समय और निराशा से बच सकते हैं "

# 88: इन्ट्रो टू कम्पास / सैस - सीएसएस-ट्रिक्स

# 88: इन्ट्रो टू कम्पास / सैस - सीएसएस-ट्रिक्स

डिजाइनरों के एक समूह से पूछें कि वे क्या चाहते हैं कि सीएसएस ऐसा कर सकता है जो अब नहीं कर सकता है, और आपको एक बड़ी सूची मिलेगी जो सुविधाओं की सूची की तरह बहुत कुछ पढ़ती है "

# 85: गतिशील सामग्री के साथ सर्वश्रेष्ठ अभ्यास - सीएसएस-ट्रिक्स

# 85: गतिशील सामग्री के साथ सर्वश्रेष्ठ अभ्यास - सीएसएस-ट्रिक्स

"मई मेंटेनेंस मंथ" के दौरान मैंने जिन लेखों को अपडेट किया था उनमें से एक डायनामिक कंटेंट के बारे में एक लेख था। यह विचार एक साधारण वेबसाइट थी जहाँ एक लिंक पर क्लिक करना था "

# 87: MAMP के साथ आगे बढ़ना - सीएसएस-ट्रिक्स

# 87: MAMP के साथ आगे बढ़ना - सीएसएस-ट्रिक्स

MAMP के साथ स्थानीय रूप से काम करना बहुत बढ़िया है, लेकिन उस साइट को लाइव करने के लिए आपको क्या करना है? पिछली बार हमें स्थानीय स्तर पर स्थापित वर्डप्रेस का एक संस्करण मिला था, अब "

# 83: विचार एसईओ पर - सीएसएस-ट्रिक्स

# 83: विचार एसईओ पर - सीएसएस-ट्रिक्स

उचित चेतावनी: सामान्य से अधिक जुआ। SEO के बारे में मेरे विचार सुनें। मुझे क्या लगता है मुझे पता है कि एसईओ काफी स्पष्ट सर्वोत्तम प्रथाओं की एक श्रृंखला है। ए"

# 84: chris-mcgarry.com की साइट वॉकथ्रू - सीएसएस-ट्रिक्स

# 84: chris-mcgarry.com की साइट वॉकथ्रू - सीएसएस-ट्रिक्स

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

# 81: एक WordPress थीम AJAX करना - सीएसएस-ट्रिक्स

# 81: एक WordPress थीम AJAX करना - सीएसएस-ट्रिक्स

मुझे एक वर्डप्रेस विषय में AJAX की कार्यक्षमता को जोड़ने के माध्यम से मेरे रास्ते को बंद करने के लिए देखें। यह विचार है कि साइट पर कोई भी आंतरिक लिंक मुख्य में लोड होगा "

# 82: CSS Image Switcher - सीएसएस-ट्रिक्स

# 82: CSS Image Switcher - सीएसएस-ट्रिक्स

एक लिंक पर रोल करें, ऊपर दी गई छवि को देखें। इस स्क्रैन्कास्ट में हम यही बनाते हैं, केवल हम इसे करने के लिए किसी भी जावास्क्रिप्ट का उपयोग नहीं करते हैं। चाल कुछ है "

# 80: व्हील आविष्कार के बारे में - सीएसएस-ट्रिक्स

# 80: व्हील आविष्कार के बारे में - सीएसएस-ट्रिक्स

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

# 79: jQuery के साथ पूर्ण / गैर-क्युइंग एनिमेशन सीएसएस-ट्रिक्स

# 79: jQuery के साथ पूर्ण / गैर-क्युइंग एनिमेशन सीएसएस-ट्रिक्स

जब आप jQuery के .animate () फ़ंक्शन का उपयोग किसी हॉवर ईवेंट की तरह करते हैं, तो वे एनिमेशन "कतारबद्ध" होंगे। यदि आप कई बार हॉवर करते हैं, तो यह है कि "

# 7: तीन राज्य मेनू - सीएसएस-ट्रिक्स

# 7: तीन राज्य मेनू - सीएसएस-ट्रिक्स

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

# 78: वेब विज्ञापन पर - सीएसएस-ट्रिक्स

# 78: वेब विज्ञापन पर - सीएसएस-ट्रिक्स

इस पेंचकस में मैं ऑनलाइन विज्ञापन पर चर्चा करता हूँ। यह क्या है, यह कैसे काम करता है, और यह बुराई क्यों नहीं है (जब यह है) को छोड़कर। मैं अपने अनुभवों के बारे में बात करता हूं, "

# 72: वेबसाइट का निर्माण (2 का 3): HTML / CSS रूपांतरण - सीएसएस-ट्रिक्स

# 72: वेबसाइट का निर्माण (2 का 3): HTML / CSS रूपांतरण - सीएसएस-ट्रिक्स

इस श्रृंखला के भाग 2 में, हम फ़ोटोशॉप मॉकअप का HTML / CSS रूपांतरण शुरू करते हैं, जिसे हमने भाग एक में बनाया है। हम एक बहुत कंकाल परियोजना के साथ शुरू करते हैं ”

# 77: स्टाइलिंग ए इंडिविजुअल आर्टिकल - सीएसएस-ट्रिक्स

# 77: स्टाइलिंग ए इंडिविजुअल आर्टिकल - सीएसएस-ट्रिक्स

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

# 76: लाइव साइट पर jQuery का एक टूर - सीएसएस-ट्रिक्स

# 76: लाइव साइट पर jQuery का एक टूर - सीएसएस-ट्रिक्स

मैं व्यस्त हूं, आप व्यस्त हैं, हम सभी समय सीमा को पूरा करने और इस पागल वेब दुनिया में काम करने की कोशिश में व्यस्त हैं। मुझे नई तकनीकों को सीखना बहुत पसंद है जब मैं कर सकता हूं, "