मुखपृष्ठ » वेब डिजाइन » ड्रिबबॉक्स के साथ सेल्फ होस्टेड ड्रिबल पोर्टफ़ोलियो बनाएं

    ड्रिबबॉक्स के साथ सेल्फ होस्टेड ड्रिबल पोर्टफ़ोलियो बनाएं

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

    यदि आप अपने पोर्टफोलियो को कैसे प्रदर्शित करते हैं, इसे निजीकृत करना चाहते हैं, तो आप अपने स्वयं के डोमेन के तहत शॉट्स को प्रदर्शित कर सकते हैं। इसमें आपकी मदद करने के लिए, आप ड्रिबबॉक्स को आज़मा सकते हैं.

    ड्रिबबॉक्स एक पुस्तकालय है जो हमें अपने स्वयं के डोमेन के तहत ड्रिबल शॉट्स प्रदर्शित करने में मदद करता है, कोई भी परेशानी नहीं होगी। आइए एक नज़र डालते हैं कि आप आर्ट के अपने कार्यों को प्रदर्शित करने के लिए ड्रिबबॉक्स कैसे सेट कर सकते हैं.

    ड्रिबबॉक्स इंस्टॉलेशन

    मैं मानता हूं कि आपके पास आपका डोमेन और एक सर्वर सेटअप है; एक साझा होस्टिंग ठीक काम करना चाहिए। यदि आपके पास एक नहीं है, तो अन्यथा, आप एक स्थानीय सर्वर चला सकते हैं। यदि आपको AMPPS के साथ स्थानीय सर्वर सेट करने के निर्देश के बारे में निर्देश की आवश्यकता है, तो इसके बारे में यहां पढ़ें.

    ज़िप पैकेज डाउनलोड करें, और सर्वर पर सामग्री अपलोड करें। Index.html, config.js, और संपत्ति फ़ोल्डर को शामिल करें.

    को खोलो config.js और ड्रिबल से अपने पोर्टफोलियो को पुनः प्राप्त करने के लिए उपयोगकर्ता नाम निर्दिष्ट करें.

    इस मामले में, मैं डेमो के लिए थोरीक फिरदौस के पोर्टफोलियो का उपयोग कर रहा हूं। यहां बताया गया है कि आप पोर्टफोलियो को कैसे प्राप्त करते हैं.

     dribbbox.config = dribbble_username: "tfirdaus", short_description: "ए वर्ल्ड क्लास डिज़ाइनर wanna-be।", email_address: "[email protected]"। 

    इसे सेव करें और पेज को रिफ्रेश करें.

    यह वास्तव में इतना आसान है, है ना?

    ड्रिबबॉक्स पर आपका पोर्टफोलियो

    सेटअप सरल है। आपके पास तीन कॉलम हैं। आपका संपर्क विवरण स्टैटिक साइड बार में बाईं ओर स्थित है। आपके ड्रिबल शॉट्स बीच में स्क्रॉल करने योग्य कॉलम में होते हैं, और दाईं ओर, जहाँ पर दर्शक आपके प्रोजेक्ट को पूरे दृश्य में देख सकते हैं, एक बार में। सेटअप केवल एक प्रदर्शन के रूप में एकदम सही है जिसका अर्थ है कि जनता आपको टिप्पणियों या पसंद की प्रतिक्रिया देने में सक्षम नहीं होगी। वे आपके काम को साझा नहीं कर पाएंगे.

    मोबाइल उपकरणों पर देखने के लिए ड्रिबबॉक्स को अनुकूलित किया गया है। जब वेबसाइट को मोबाइल पर देखा जाता है, तो लेआउट के साथ-साथ DOM ट्री के HTML को फिर से बनाया जाएगा mobile.js. व्यूपोर्ट की चौड़ाई निर्दिष्ट करें जिसमें से mobile.js में जगह लेनी चाहिए index.html.

     (function () var s = document.createElement ("script") s.src = "संपत्ति / js /" + (matchMedia ("(अधिकतम-चौड़ाई: 414px)")? मैच? "mobile": "Desktop" ) + ".js" document.head.appendChild (s)) () 

    निष्कर्ष

    ड्रिबबॉक्स अपने स्वयं के डोमेन नाम के तहत अपने ड्रिबल शॉट्स दिखाने के लिए एक आसान पुस्तकालय है। यदि आप जावास्क्रिप्ट को नहीं जानते हैं, तो भी इसके साथ काम करना बहुत सहज है; बस अपना उपयोगकर्ता नाम और (वैकल्पिक रूप से) अपना ईमेल पता जोड़ें, और आप सभी सेट हैं यदि आपको डिफ़ॉल्ट प्रस्तुति पसंद नहीं है, तो आप CSS के माध्यम से उपस्थिति को और अधिक व्यक्तिगत कर सकते हैं.

    होंगकीट पर अधिक: ड्रॉपबॉक्स में अपनी स्टेटिक वेबसाइट को पैनकेक के साथ होस्ट करें