कस्टम तत्वों के साथ क्रिएटिव साइटें

हाल ही में, अधिक से अधिक बार आप असामान्य डिजाइन और कार्यक्षमता के साथ साइटें पा सकते हैं, जिन्हें देखकर आप थोड़ी देर के लिए चिपक सकते हैं। इन्हें देखकर, मेरा हाथ अनजाने में फायरबग खोलने के लिए f12 के लिए पहुंचता है और देखता है कि यह या उस घटक को कैसे लागू किया जाता है। इस प्रकार, आप दिलचस्प तकनीकों की खोज कर सकते हैं और भविष्य में उन्हें अपनी परियोजनाओं में लागू कर सकते हैं। उनमें से कुछ नई प्रौद्योगिकियों के आगमन के साथ उपलब्ध हो गए, उदाहरण के लिए, जैसे सीएसएस 3 - जो पहले एक फ्लैश पर लागू किया गया था, अब स्टाइलशीट में कोड की लाइनों का उपयोग करके लागू किया जा सकता है। डिजाइनर नए रुझानों को बनाने और लेआउट डिजाइनरों के साथ अधिक से अधिक निकटता बनाने में भी समय नहीं गंवाते हैं। इस लेख में, मैं उन १५ साइटों को दिखाना चाहूँगा जिन्होंने किसी तरह मुझे आश्चर्यचकित किया और मुझे प्रसन्न किया। शायद वे अपनी खुद की कृति के लिए किसी को प्रेरित करेंगे

Layrr

यह साइट आपको स्क्रॉल पृष्ठ पर एक नया रूप लेने की अनुमति देती है। जेएस और CSS3 एनीमेशन के साथ जोड़तोड़ आपको पृष्ठ की स्थिति से संबंधित एक मिनी-कॉमिक लागू करने की अनुमति देता है। IE में एनीमेशन समर्थन के साथ, सब कुछ खराब है, इसलिए केवल IE9 +।

एयर जॉर्डन 2012

एयर जॉर्डन प्रमोशन साइट उन लोगों में से एक है, जिनसे आप चिपके रह सकते हैं। मुझे लगता है कि लेआउट डिजाइनर एक डिजाइनर के विचार को गतिशीलता में अनुवाद करने में सक्षम था, और इतनी गुणवत्ता के साथ कि साइट नवीनतम वेबकिट और IE7 दोनों में ठीक काम करती है।

TokioLab!

वेब डिजाइनर टोकियोलैब! ऊर्ध्वाधर स्क्रॉलिंग के अलावा, हमने टाइपोग्राफी के साथ एक अच्छा काम किया और एक लंबन प्रभाव जोड़ा, जो पहले से ही इस तरह की साइटों में एक प्रवृत्ति बन रही है।

सीसीआर - 10 एनोस डी आईपीओ

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

स्टाइनेंस - लेबल संगीत

यह पहली नज़र में एक साधारण साइट लगती है, लेकिन लानत है, कितनी ठंडी है! डिजाइन अवधारणा और विनाइल स्लाइडर के फ्रंट-एंड कार्यान्वयन दोनों सभी प्रशंसा के योग्य हैं।

सोइल नोयर 2012

Soleil Noir Studio साइट तथाकथित ऊर्ध्वाधर स्क्रॉल साइटों में से एक है। साइट वैचारिक रूप से अच्छी तरह से, सफल जिफ-एनीमेशन को जोड़ती है, जो कष्टप्रद और लंबन प्रभाव नहीं है। खैर, हां, html5boilerplate अंदर है :) वैसे, एक दिलचस्प प्रवृत्ति यह है कि अधिक से अधिक फ्रंट-एंडर्स सामान्य होने के पक्ष में रीसेट करने से इनकार करते हैं।

g4interactive

इस साइट के लेआउट ने CSS3 की शक्ति का उपयोग करने का फैसला किया, विशेष रूप से परिवर्तनों और एनीमेशन में। इसके परिणामस्वरूप, साइट IE में पर्याप्त रूप से काम नहीं करती है, यहां तक ​​कि नौवें संस्करण में भी, लेकिन अन्य सभी आधुनिक ब्राउज़रों में यह उत्कृष्ट से अधिक है। वैचारिक हीरे के आकार का डिजाइन सभी पृष्ठों पर सम्मानित किया जाता है, और प्रत्येक पृष्ठ पर आप कुछ दिलचस्प गतिशील घटक पा सकते हैं

Contain.r

एक ग्राफिक पोर्टफोलियो के लिए एक अच्छा समाधान। एनिमेशन, कंटेंट प्रीलोडिंग, html5boilerplate। आप IE8 के साथ शुरू होने वाली साइट के साथ कम या ज्यादा आराम से काम कर सकते हैं, हालांकि एनीमेशन प्रभाव के बिना।

Subsens

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

Barcito चिकागो

इस साइट पर कोई रूफ-टॉप कार्यक्षमता नहीं है, लेकिन मुझे डिज़ाइन और हॉवर प्रभावों का संयोजन पसंद आया, जो विषय में बहुत अधिक हैं।

एड्रियन बैक्सटर

जब मैं एड्रियन बैक्सटर की वेबसाइट पर पहुंचा, तो मैं तुरंत फायरबग में देखने के लिए पहुंचा कि मुख्य पृष्ठ पर लंबन छवि कैसे लागू की गई थी। इस चीज़ के अलावा, दिलचस्प घटक अन्य पृष्ठों पर भी देखे जा सकते हैं, विशेष रूप से संपर्क पृष्ठ पर और गैलरी में।

दाविद वाडच

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

फूटने का खतरा

और इस साइट पर आप एक पारभासी png-drop की यात्रा का अनुसरण कर सकते हैं और साथ ही साथ पर्यावरण को संरक्षित करने के बारे में जानकारी प्राप्त कर सकते हैं। साइट डिजाइन के मामले में भी दिलचस्प है - पृष्ठों और उनकी पृष्ठभूमि के बीच संक्रमण बहुत अच्छी तरह से लागू किया जाता है।

मेजकल बुएन वियाजे

इस साइट पर ध्यान देने वाली पहली बात आप एक गैर-मानक स्क्रॉलबार हैं। लेकिन न केवल यह रुचि का है - यहां आप पृष्ठभूमि की परतों के लिए गुणवत्ता लंबन प्रभाव की सराहना कर सकते हैं, पेज को रीवाइंड करते समय एक पक्षी के पंखों के फड़फड़ाने का एनीमेशन, और हीरे के आकार के हिंडोला।

CaptainDash

मैं निकट भविष्य की साइटों की कल्पना करता हूं - जैसे स्टाइलिश डिजाइन, स्पष्ट और सुविधाजनक नेविगेशन, कार्रवाई में नई css3 प्रौद्योगिकियां और रबर अनुकूली लेआउट, जिसके परिणामस्वरूप साइट किसी भी स्क्रीन आकार में बहुत अच्छी लगती है।

UPD: टिप्पणियों से अधिक दिलचस्प साइटें:

• wheely.com
• annasafroncik.it
• www.shoppub.com.br
• dataveyes.com
• inze.it
• slaveryfootprint.org
• www.michelbergerbooze.com
• beta.rallyinteractive.com
• www.divups.com
• adventureworld.ourentry.com.au
• space.angrybirds.com
• www.mediaparker.com
• www.kipling.com.br
• krystalrae.com
• हम डिजाइन खून बहाना
• www.newzealand.com