एक लेख की टिप्पणियों में हाल ही में आपके द्वारा पूछे गए प्रश्न को हल करने के लिए मैं यह पोस्ट लेता हूं:
HTML5 के साथ पूरी तरह से डिजाइन करना शुरू करने का अच्छा समय कब है?
ठीक है, ईमानदारी से, यह उस लक्ष्य पर निर्भर करता है जिसे आप लक्षित कर रहे हैं। यदि आप इंटरनेट एक्सप्लोरर (जैसे: मैक सॉफ्टवेयर पेज) का उपयोग करने के लिए अपने आगंतुकों की योजना नहीं बनाते हैं, तो HTML5 के साथ तुरंत शुरू करें, लेकिन अगर आपको IE के साथ लोगों की ज़रूरत है अपनी वेबसाइट देखने के लिए, तो आप बेहतर प्रतीक्षा करेंगे ...
प्रवेश पर, अच्छी तरह से एचटीएमएल 48 के कूदने के बाद 5 जो आश्चर्यजनक हैं और देखने लायक हैं। महान थोड़े है।
स्रोत | हांगकांग
audoburst एनिमेशन
HTML5 के कैनवास और ऑडियो टैग के साथ बनाया गया एक आरामदायक और शानदार एनीमेशन।
बॉल पूल
अंतिम Google I / O ईवेंट में शोकेस होने के नाते, यह डेमो आपको दिखाता है कि HTML5 कितना गतिशील हो सकता है।
बूँद सल्द
एक HTML5-spawned प्राणी जो आपको खुश करेगा।
बोमोमो
बोमोमो के साथ, आप HTML5 के साथ सिम्युलेटेड विभिन्न परमाणु आंदोलन का निरीक्षण कर सकते हैं।
ब्राउज़र बॉल
इस 'क्रॉस-ब्राउज़र' एचटीएमएल 5 बॉल से चकित हो जाओ।
बुलबुले
विभिन्न रंगों के साथ अंतहीन फ्लोटिंग बुलबुले बनाकर मज़े करें।
कैनवास कार्टून एनीमेशन
एक सरल और मज़ेदार HTML5 कार्टून जो आपको यह समझने में मदद करता है कि HTML5 का कैनवास तत्व क्या कर सकता है।
कूलकॉक
HTML5 और जावास्क्रिप्ट द्वारा निर्मित एक अच्छी, अनुकूलन योग्य एनालॉग घड़ी।
फ़्लिकर PS3 स्लाइड शो
वेब ब्राउज़र में PS3 स्टाइल स्लाइड शो के साथ अपने फ़्लिकर की फ़ोटो देखें।
इंटरएक्टिव पोलारॉयड
एक इंटरैक्टिव डेमो जो मल्टी टच इंटरफ़ेस के समान काम करता है।
जेएस आतिशबाजी
HTML5 और जावास्क्रिप्ट द्वारा संचालित अपने पसंदीदा गुरुत्वाकर्षण और गति के साथ आतिशबाजी के क्षण का आनंद लें।
बहुरूपदर्शक
एक बहुत ही सुंदर और भविष्य के HTML5 बहुरूपदर्शक।
तरल कण
संवेदनशील कण एनीमेशन जो आपके माउस आंदोलन के आधार पर प्रतिक्रिया करता है।
मेस्मराइजर
एक और संवेदनशील और उत्कृष्ट एचटीएमएल 5 डेमो जो दिखाता है कि आस-पास के तत्व आपके माउस मूवमेंट के साथ कैसे प्रतिक्रिया करते हैं।
नेबुला बादल
इस अद्भुत एचटीएमएल 5 नेबुला के साथ खो जाओ।
लंबन
समानांतर परिप्रेक्ष्य में सभी 2 डी आकार देखें।
कण एनीमेशन
एक सुरुचिपूर्ण HTML5 कण एनीमेशन जो आपके पसंदीदा संदेश में बन सकता है।
विस्तार
इस अंतहीन प्रसार एनीमेशन के साथ खो जाओ।
Starfield
एक बहुत अच्छा एचटीएमएल 5 स्टारफील्ड एनीमेशन जो आपके माउस आंदोलन के आधार पर दिशा और गति को बदल देगा।
वीडियो विनाश
एक एक वीडियो खेलने के उछाल के लिए क्लिक करें।
तरंग
ध्यान दें कि एचटीएमएल 5 का कैनवास तरंग अपने आयाम, तरंग दैर्ध्य, चौड़ाई आदि को बदलकर कैसे चलता है।
3D प्रभाव
कैनवास एनीमेशन से प्रभावित? यह अधिक HTML5 का कैनवास तत्व कर सकता है, और इसे 3D प्रभाव कहा जाता है। डेवलपर 3D प्रभाव बनाने के लिए कैनवास तत्व, DOM और जावास्क्रिप्ट पर भरोसा कर सकता है, जिसे बाद में 3D एनीमेशन या गेम में विकसित किया जा सकता है।
कैनवस 3 डी और फ्लिकर
फ़्लिकर के फोटोस्ट्रीम के साथ एक नया 3 डी अनुभव प्राप्त करें।
कपड़ा सिमुलेशन
एक यथार्थवादी, एचटीएमएल 5-आधारित कपड़ा सिमुलेशन।
राक्षस का विकास
एक जटिल प्राणी में विकसित एक राक्षस का निरीक्षण करें, इसके निर्माता में से एक एचटीएमएल 5 है।
Google उपहार बॉक्स
विशालकाय खोज इंजन Google को 3 डी, खेलने योग्य दृश्य में प्रस्तुत किया गया है।
जेएस टच
एक उच्च गुणवत्ता और 3 डी कैनवास शो पर यथार्थवादी '2 डी।
डेटा की प्रस्तुति
जबकि HTML5 के कैनवास तत्व का उपयोग एनीमेशन और 3 डी प्रभाव बनाने के लिए किया जा सकता है, इसे गणितीय डेटा को प्रस्तुत करने के लिए भी लागू किया जा सकता है।
gnuplot
Gnuplot, HTML5 संस्करण में एक डेटा प्लॉटिंग एप्लिकेशन।
आरग्राफ
RGraph बार चार्ट, प्रगति बार और पारंपरिक रडार चार्ट जैसी डेटा प्रस्तुति की एक विस्तृत श्रृंखला प्रदान करता है।
वेब एप्लीकेशन
अंततः, एचटीएमएल 5 और अन्य लैंग गेज द्वारा संयुक्त सभी संभावनाओं का उपयोग करते हुए, कोई भी इंटरैक्टिव एप्लिकेशन या गेम बना सकता है जो फ्लैश एप्लीकेशन के करीब है।
कैनवसपेंट
Microsoft पेंट का भाई साक्षी आपके वेब ब्राउज़र में आता है, और उसका पिता HTML5 है।
कैनवासमोलM
एक वैज्ञानिक अनुप्रयोग जो कुछ पृथ्वी तत्व की संरचना को समझने में आपकी मदद करने के लिए बनाया गया है।
कार्टून बनाने वाला
इस न्यूनतम और इंटरैक्टिव कार्टून बिल्डर के साथ दिलचस्प कार्टून छवि बनाएं।
यहां कुछ भी खींचें
विवरण दिखाने के लिए आप जिस भी चीज़ को खींच सकते हैं उसे डेमो में खींचें।
गार्टिक स्केच
एक मूल एचटीएमएल 5 एप्लिकेशन जो आपको कुछ बुनियादी चित्र बनाने की अनुमति देता है जिसे जेपीईजी या पीएनजी जैसे विभिन्न छवि प्रारूप में सहेजा जा सकता है।
फिजिक स्केच
आपको जो पसंद है उसे ड्रा करें और देखें कि वे नकली गुरुत्वाकर्षण के साथ कैसे प्रतिक्रिया करते हैं।
स्केचपैड
एक शक्तिशाली एचटीएमएल 5 ड्राइंग एप्लिकेशन जो आपको सटीक तरीके से आपकी छवि को खींचने और संपादित करने में सक्षम बनाता है।
छोटी बात
एक वेब एप्लिकेशन, जो ट्विटर से प्राप्त मौसम संबंधी संदेश की भौगोलिक स्थिति की पुष्टि करता है, इस प्रकार उन्हें एक कैनवास-आधारित 'सामाजिक मौसम' मानचित्र में बनाता है, काफी तुच्छ (लेखक द्वारा कहा गया है) लेकिन दिलचस्प है।
खेल
3 बोर
अगर आप अगले सेकंड में सैकड़ों एचटीएमएल 5 बुलेट का इस्तेमाल कर सकते हैं तो आप कभी नहीं ऊबेंगे।
ब्रेकआउट
सभी ईंटों को तोड़ने के लिए गेंद को रीबाउंड करें।
कैनवास
काफी गेम नहीं है, लेकिन यह दर्शाता है कि HTML5 का उपयोग फर्स्ट पर्सन शूटिंग ब्राउज़र गेम को विकसित करने के लिए कैसे किया जा सकता है।
पकड़ लो
अपने जीतने वाले HTML5 वर्ग को प्राप्त करने के लिए आप कितनी गेंदों को चकमा दे सकते हैं?
श्रृंखला प्रतिक्रिया
लक्ष्य प्राप्त करने के लिए विस्फोट को जंजीर में न डालें।
घनचक्कर
3 डी में टेट्रिस खेलें, ऊपर से नीचे का दृश्य।
आदिभौतिकी
गेंद को स्टार में स्थानांतरित करने के लिए आइटम खींचें, गुरुत्वाकर्षण के बारे में मत भूलना।
आरा
इस HTML5-आधारित पहेली को हल करने के लिए पहेली के टुकड़े पर क्लिक करें, घुमाएँ और छोड़ें।
स्लाइड पहेली
जीत के लिए स्लाइड, एक और HTML5 गेम जो आपके दिमाग के रस को निचोड़ने के लिए बनाया गया है।
एक ही खेल
किसी अन्य समूह को एक ही रंग में जोड़े जाने के लिए कुछ समूह निकालें और आपको अंततः एक जीत से सम्मानित किया जाएगा।
Tetris
सबसे क्लासिक गेम में से एक HTML5 द्वारा जीवन में वापस लाया गया।
टोरस्र्स
फिर भी छद्म 3 डी संस्करण में एक और टेट्रिस गेम।
TETRIS नहीं जाता है, मैं दो चरणों में खड़ा हो जाता हूं और बाहर जाने के लिए बहुत ही शांत जगह है।
मुझे यह पृष्ठ बहुत पसंद है ... पहला गेम छोड़कर। आई लव यू फ्रैं))
अलविदा दुनिया toooodooooooo लिए एक चुंबन
अतुल्य, शानदार। मैं विश्वास नहीं कर सकता कि वेब विकास कितनी दूर आ गया है!
मुझे नहीं पता कि इन संसाधनों को एचटीएमएल 5 के लिए क्यों जिम्मेदार ठहराया जाता है, यह शुद्ध जावास्क्रिप्ट है, फ्लैश के उदय से पहले, जावास्क्रिप्ट के साथ इन सभी चीजों को किया जा सकता है, बार्सिलोना में एक अध्ययन हुआ था जिसने कुछ साइटों को बनाया जो उस समय मेरा सिर उड़ा दिया, सभी जावास्क्रिप्ट में इतना है कि मैं उनसे सीखा है और शेख़ी गेंदों के साथ एक जोड़े को डिज़ाइन किया है और सभी, मैंने उन्हें पूरी तरह से खो दिया है और अभी भी इसे पछतावा है। मुझे याद नहीं है कि स्टूडियो का नाम कुछ ऐसा था जैसे आप 2 या 2y2 जो कि 98 या तो था।
जो वेगा …… यह दिखाता है कि आपके पास एचटीएमएल 5…। लोल का कोई कमबख्त विचार नहीं है
आपके पास कोई खूनी एचटीएमएल 5 विचार नहीं हो सकता है, यह सच है, लेकिन आप लोग चिकन कॉप के लिए मुर्गा की गलती करते हैं और एक भाषा को पर्यावरण से अलग नहीं करते हैं। मैं आपको जावास्क्रिप्ट का उपयोग किए बिना यहां लोगों की तरह एक उदाहरण बनाने के लिए चुनौती देता हूं, केवल html5 के साथ, और आप समझ जाएंगे कि मैंने उस पोस्ट का क्या मतलब है जिसे मैंने हटा दिया था। क्या अधिक है, मैं उदाहरणों के स्रोत कोड को देख रहा हूं और ऐसे कई हैं जो एचटीएमएल 5 पर इसे माउंट किए बिना आसानी से किए जा सकते हैं।
यह html5 कई सुधार लाता है और बहुत सी चीजों को सुविधाजनक बनाता है जो सच है, लेकिन इस पृष्ठ पर दिखाई गई शानदार चीज की प्रशंसा जावास्क्रिप्ट है।
मुझे इस प्रकार की प्रस्तुतियाँ बनाने में दिलचस्पी है ... क्या आपके पास संसाधनों के साथ एक ट्यूटोरियल या पेज है ??? धन्यवाद!!!