Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.
  1. <h1>CSS और जावास्क्रिप्ट के साथ हॉरिजॉन्टल समयरेखा तैयार करना</h1>

    <h1>CSS और जावास्क्रिप्ट के साथ हॉरिजॉन्टल समयरेखा तैयार करना</h1>

    Tutorial Intermediate

    पिछली पोस्ट में, मैंने आपको दिखाया कि स्क्रैच से एक रेस्पॉन्सिव वर्टीकल समयरेखा को कैसे बनाया जाए। आज, मैं संबंधित हॉरिजॉन्टल समयरेखा बनाने की प्रक्रिया को...

  2. CSS और JavaScript के साथ एक स्थानांतरण अंडरलाइन होवर प्रभाव (Shifting Underline Hover Effect) कैसे बनाएं.

    CSS और JavaScript के साथ एक स्थानांतरण अंडरलाइन होवर प्रभाव (Shifting Underline Hover Effect) कैसे बनाएं.

    Tutorial Intermediate

    आज के टुटोरिअल में, हम फैंसी मेनू होवर इफ़ेक्ट (fancy menu hover effect) बनाने के लिए कुछ CSS और JavaScript का प्रयोग करेंगे. यह कोई पेचीदा अंतिम परिणाम नहीं...

  3. नया कोर्स: JavaScript वेब डिज़ाइनर के लिए

    नया कोर्स: JavaScript वेब डिज़ाइनर के लिए

    Tutorial Beginner

    अगर आप जानना चाहते है की JavaScript का प्रयोग वेब डिजाईन के सामान्य कार्यो जैसे की इमेज lightbox बनाना या कंटेंट स्लाइडर बनाना आदि के लिए कैसे करें तो हमारा...

  4. 3 कोर्सेज जो आपको स्क्रॉलिंग एनीमेशन में माहिर बना देंगे

    3 कोर्सेज जो आपको स्क्रॉलिंग एनीमेशन में माहिर बना देंगे

    Tutorial Beginner

    स्क्रॉलिंग एनीमेशन आपके यूज़र्स को और रूचि दिलाने और साथ ही आपकी वेबसाइट को और अधिक इंटरैक्टिव बनाने का बहुत अच्छा तरीका हो सकता है. सोच यह है कि जैसे जैसे...

  5. कैसे इतिहास वेब एपीआई के साथ एक अनंत स्क्रॉल अनुभव बनाने के लिए

    कैसे इतिहास वेब एपीआई के साथ एक अनंत स्क्रॉल अनुभव बनाने के लिए

    Tutorial Advanced

    इस ट्यूटोरियल में हम अपने इतिहास वेब एपीआई कौशल को सुदृढ़ करने जा रहे हैं। हम उस वेब पर एक यूएक्स पैटर्न बनाने जा रहे हैं जो समान माप में प्यार और loathed...

  6. jQuery के साथ AJAX की शुरुआती गाइड

    jQuery के साथ AJAX की शुरुआती गाइड

    Tutorial Intermediate

    इस सीरीज के पहले आर्टिकल में, हम AJAX का फंडामेंटल (fundamental) कवर (cover) करेंगे दूसरे में, हम vanilla JavaScript का प्रयोग करके एक चलित (working) उदाहरण...

  7. ब्रांडेड ब्रांच लोकेशंस Google मानचित्र में कैसे जोड़ें

    ब्रांडेड ब्रांच लोकेशंस Google मानचित्र में कैसे जोड़ें

    Tutorial Intermediate

    इस ट्यूटोरियल में हम एक काल्पनिक ग्राहक के लिए एक ब्रांडेड Google मानचित्र बनाने की प्रक्रिया के माध्यम से चलेंगे। हमारे मानचित्र में तीन मुख्य विशेषताएं...

  8. रेस्पॉन्सिव Timeline पोर्टफोलियो पेज कैसे समाप्त करें।

    रेस्पॉन्सिव Timeline पोर्टफोलियो पेज कैसे समाप्त करें।

    Tutorial Intermediate

    पिछले ट्यूटोरियल से आगे बढ़ते हुए, आइए अपने निर्माण को थोड़ा बढ़ाए।

  9. Google maps और फ़्लिकर APIs को जोड़ना

    Google maps और फ़्लिकर APIs को जोड़ना

    Tutorial Beginner

    कल्पना कीजिए कि आपने ग्राहक का अनुरोध किया गया सुंदर नक्शा बनाया है; दिलचस्प मार्करों, पॉप-अप, कस्टम ओवरले और फ़ोटो के सभी प्रकार जोड़ना। लेकिन फिर ग्राहक का...

  10. Google Maps API के साथ क्रिएटिव बनना

    Google Maps API के साथ क्रिएटिव बनना

    Tutorial Intermediate

    आपने एक चमकदार नई वेबसाइट तैयार की है; कंपनी के ब्रांडिंग को पूरी तरह से प्रतिबिंबित करने के लिए रंग, टाइपोग्राफी और तस्वीरों को ध्यानपूर्वक चुनना। तब आपका...

  11. एक मल्टी-स्टेप फ़ॉर्म इंटरफ़ेस बनाएं

    एक मल्टी-स्टेप फ़ॉर्म इंटरफ़ेस बनाएं

    Tutorial Beginner

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

  12. jQuery Waypoints का प्रयोग करके एक स्टिकी नेविगेशन हैडर बनाएं

    jQuery Waypoints का प्रयोग करके एक स्टिकी नेविगेशन हैडर बनाएं

    Tutorial Beginner

    इस ट्यूटोरियल में, हम एक नेविगेशन बार बनाएंगे जो आपके साथ ही रहेगा जब आप नीचे की ओर स्क्रॉल करते हैं - और हम भी इसे ढंकने के लिए एक या दो डिमिक्स को एक...