सामग्री
आपण jQuery परिषदेच्या वेबसाइटवर काही चतुर वेब डेव युक्त्या दर्शविण्याची अपेक्षा करू शकाल - परंतु आपण ते सुंदर डिझाइन केले जाण्याची अपेक्षा करत नाही. जेक्यूरी यूकेच्या संयोजकांनी त्यांच्या अॅलिस इन वंडरलँड-प्रेरित वेबसाइटवरुन दोन्ही आघाड्यांवर थेट विजय मिळविला आहे.
ऑक्सफोर्ड डिजिटल एजन्सी व्हाईट ऑक्टोबरने बनवलेली या जागेची लहान मुलासारखी रचना, खूप आनंद देणारी आहे. चित्रे खूपच सुंदर आहेत आणि सूक्ष्म अॅनिमेशन आणि ट्रान्झिशन्ससह चमकदारपणे कार्य करतात. आश्चर्याची गोष्ट म्हणजे, सर्व अॅनिमेशन सीएसएस द्वारे हाताळले जातात, तर जावास्क्रिप्ट - नाही, जेक्यूरी नाही! - पृष्ठ संक्रमणे हाताळण्यासाठी वर्ग स्विच करण्यासाठी वापरले जाते.
वंडरलँड थीम
ऑक्सफोर्ड-आधारित परिषदेने शहराशी संबंधित क्लिचड ‘ड्रीमिंग स्पायर्स’ या प्रतिमेची निवड न करता डिझाइनला ज्या प्रकारे डिझाइन दिले जाते ते आम्हाला देखील आवडते.
वार्ड्स अॅलिस थीम कशी आली याबद्दल स्पष्ट करतात: "जेव्हा आम्ही प्रथम कॉन्फरन्सन्सच्या ठिकाणी गेलो होतो तेव्हा नदीकाठच्या ठिकाणाहून आम्हाला धक्का बसला होता, त्यामुळे नदी थीम योग्य वाटली," ते म्हणतात. “आम्ही काही संशोधन केले आणि शोधून काढले की लुईस कॅरोलने वंडरलँडमध्ये ’sलिसच्या अॅडव्हेंचरचे स्वप्न पाहिले आहे, जेव्हा त्यांनी ऑक्सफोर्ड नदीच्या तीन लहान मुलींबरोबर, Oxक्सफोर्ड विद्यापीठाच्या कुलगुरूंच्या मुली, ज्यांपैकी एकाला calledलिस म्हटले गेले होते.
"आम्हाला वाटलं की पुस्तक आम्हाला साइटसाठी प्रतिमांचा समृद्ध स्त्रोत देईल आणि अॅनिमेशनसाठी भरपूर संधी देऊ शकेल. आम्हाला सीएसएस अॅनिमेशनच्या सामर्थ्यानुसार खेळायचंही आहे, जेणेकरून फ्लॅट पुठ्ठा सारख्या प्रतिमे चांगल्या प्रकारे कार्य करतील."
स्पष्टीकरण
एजन्सीने पात्र तयार करण्यासाठी चित्रकार सोफी क्लेव्हनो यांच्याबरोबर काम केले आणि एकत्र काम केले. "आम्ही अॅलिस इन वंडरलँडचे पुन्हा वाचन केले आणि विकसित करण्यासाठी मुख्य देखावे आणि पात्रांची निवड केली. सोफीला आमचा हा संक्षेप गलिच्छ ठेवण्यासाठी होता - आम्हाला ते फारच सुंदर वाटत नव्हते.
"आमच्या पात्रांमध्ये बोटीवरील पांढरा ससा, मॅड हॅटर चहा आहे आणि अर्थातच जबरवॉकी, जो अग्नीचा श्वास घेतो आणि त्याचे पंख फडफडवितो. चेशिअर मांजरीला शार्कचे दात आहेत - तो साइटवर दिसतो आणि अदृश्य होतो. तो देखील चालू आहे आम्हाला माहित आहे की कॉन्फरन्स टी-शर्ट्स विकसकांना मांजरी आवडतात! "
"आम्ही सीएसएस 3 ट्रान्सफॉर्म, ट्रान्झिशन आणि अॅनिमेशन वापरले. हे अधिक जटिल अॅनिमेशन तयार करण्यासाठी एकमेकांच्या आत नेस्टेड साधे अॅनिमेशन वापरते. हे क्रॉस ब्राउझर समजून घेणे आणि कार्य करणे सोपे करण्यासाठी कमी सीएसएस आवश्यक साधन होते. उत्पादित सीएसएस हे पाहणे अधिक जटिल आहे. आमच्या आमच्या कमी फायली! "
साइट क्रोम, फायरफॉक्स आणि आयई 10 तसेच ओपेराच्या नवीनतम आवृत्तीमध्ये उत्तम प्रकारे कार्य करते. "आम्ही ब्राउझरसाठी पृष्ठ संक्रमण प्रभाव बंद करतो जे‘ पुशस्टेट ’म्हणून ओळखल्या जाणार्या गोष्टीस समर्थन देत नाहीत, तथापि आम्ही वापरत असलेले सीएसएस 3 हाताळल्यास ते अॅनिमेशन पाहू शकतील."
मोबाइल धोरण
साइट ट्विटर बूटस्ट्रॅपने बांधली गेली होती आणि मोबाइल ब्राउझरवर मुख्य प्रतिमा खाली आकर्षित केली गेली. "तथापि आम्हाला आढळले आहे की जरी ब्राउझर सीएसएस 3 अॅनिमेशनला समर्थन देत असले तरीही जुने काही फोन, विशेषत: अँड्रॉईड खूप प्रतिसाद न देणारे ठरतात.
"आम्हाला कदाचित या प्रकारच्या फोनसाठी अॅनिमेशन अक्षम करण्याची आवश्यकता असेल. आयफोन 5 आणि नेक्सस 4 सारख्या नवीन उपकरणांवर अॅनिमेशन खरोखर चांगले कार्य करतात."
हे आवडले? हे वाचा!
- अॅप कसा तयार करायचा: या उत्कृष्ट ट्यूटोरियलचा प्रयत्न करा
- सर्वोत्तम विनामूल्य फॉन्ट डाउनलोड करा
- चमकदार वर्डप्रेस ट्यूटोरियल निवड
आपण एक प्रभावी डिझाइन कार्यक्रम वेबसाइट शोधली आहे? टिप्पण्यांमध्ये आम्हाला त्याबद्दल कळू द्या!