48 क्रूर HTML5 / CSS3 डेमो

आपण अलीकडे एखाद्या लेखाच्या टिप्पण्यांमध्ये विचारलेल्या प्रश्नाचे उत्तर देण्यासाठी हे पोस्ट मी घेत आहे:

एचटीएमएल 5 सह पूर्णपणे डिझाइन करणे प्रारंभ करण्यास योग्य वेळ कधी आहे?

बरं, प्रामाणिकपणे, हे आपण लक्ष्य करीत असलेल्या लक्ष्यावर अवलंबून आहे. आपण आपल्या अभ्यागतांनी इंटरनेट एक्स्प्लोरर (उदा. मॅक सॉफ्टवेअर पृष्ठ) वापरण्याची योजना आखत नाही, तर लगेचच एचटीएमएल 5 ने प्रारंभ करा, परंतु आपल्या वेबसाइटवर आपल्याला IE सह लोकांची आवश्यकता असल्यास आपण अधिक प्रतीक्षा कराल ...

प्रवेशद्वार बद्दल, आश्चर्यकारक आणि पाहिले जाण्यासाठी पात्र आहेत अशा HTML48 च्या उडीनंतर 5 डेमो. थोर थोडं आहे.

स्त्रोत | हाँगकीट

audioburst अ‍ॅनिमेशन

एचटीएमएल 5 च्या कॅनव्हास आणि ऑडिओ टॅगसह एक आरामदायक आणि विलक्षण अ‍ॅनिमेशन तयार केले.

बॉल पूल

मागील Google I / O इव्हेंटमध्ये शोकेस केल्यामुळे, हा डेमो HTML5 किती गतिमान असू शकतो हे दर्शवितो.

ब्लॉब सॅलड

एक HTML5- विकसित केलेली प्राणी जी आपणास आवडेल.

बोमोमो

बोमोमो सह, आपण HTML5 सह नक्कल केलेली भिन्न अणु हालचाल पाहू शकता.

ब्राउझर बॉल

या 'क्रॉस-ब्राउझर' HTML5 बॉलसह चकित व्हा.

फुगे

भिन्न रंगांसह अंतहीन फ्लोटिंग फुगे तयार करुन मजा करा.

कॅनव्हास कार्टून अ‍ॅनिमेशन

एक सोपा आणि मजेदार एचटीएमएल 5 कार्टून जो आपल्याला HTML5 चे कॅनव्हास घटक काय करू शकते हे समजण्यास मदत करते.

थंड घड्याळ

एचटीएमएल 5 आणि जावास्क्रिप्ट द्वारे तयार केलेले एक छान, सानुकूल करण्यायोग्य एनालॉग घड्याळ.

फ्लिकर PS3 स्लाइडशो

वेब ब्राउझरमध्ये पीएस 3 शैलीच्या स्लाइडशोसह आपले फ्लिकरचे फोटो पहा.

इंटरएक्टिव पोलराइड

एक संवादात्मक डेमो जो मल्टी टच इंटरफेस प्रमाणेच कार्य करतो.

जेएस फटाके

एचटीएमएल 5 आणि जावास्क्रिप्टद्वारे समर्थित आपल्या पसंतीच्या गुरुत्वाकर्षणा आणि गतीसह फटाक्यांच्या क्षणाचा आनंद घ्या.

कॅलिडोस्कोप

एक अतिशय सुंदर आणि भविष्यकालीन एचटीएमएल 5 कॅलिडोस्कोप.

द्रव कण

आपल्या माउसच्या हालचालीवर आधारित प्रतिक्रिया देणारा संवेदनशील कण animaनिमेशन.

मेस्मेराइझर

आणखी एक संवेदनशील आणि थकबाकी HTML5 डेमो जे माऊसच्या हालचालींसह जवळपासचे घटक कसे प्रतिक्रिया करतात हे दर्शविते.

नेबुला मेघ

या आश्चर्यकारक एचटीएमएल 5 नेबुलासह हरवून जा.

लंबन

समांतर दृष्टीकोनातून सर्व 2 डी आकार पहा.

कण imaनिमेशन

आपल्या पसंतीच्या संदेशामध्ये तयार होऊ शकेल एक मोहक HTML5 कण animaनिमेशन.

प्रसार

या अंतहीन पसरलेल्या अ‍ॅनिमेशनसह हरवून जा.

Starfield

एक मस्त HTML5 स्टारफिल्ड अ‍ॅनिमेशन जे आपल्या माउसच्या हालचालीवर आधारित दिशा आणि वेग बदलेल.

व्हिडिओ विनाश

प्लेिंग व्हिडिओमध्ये तेजी पाहण्यासाठी एक क्लिक.

वेव्हफॉर्म

एचटीएमएल 5 ची कॅनव्हास वेव्ह त्याच्या मोठेपणा, तरंगलांबी, रुंदी इ. मध्ये बदल करून कसे फिरते ते पहा.

एक्सएनयूएमएक्सडी प्रभाव

कॅनव्हास अ‍ॅनिमेशनने प्रभावित? हे अधिक HTML5 चे कॅनव्हास घटक करू शकते आणि त्याला 3 डी प्रभाव म्हणतात. विकासक 3 डी प्रभाव तयार करण्यासाठी कॅनव्हास घटक, डीओएम आणि जावास्क्रिप्टवर अवलंबून राहू शकतो, जो नंतर 3 डी अ‍ॅनिमेशन किंवा गेममध्ये विकसित केला जाऊ शकतो.

कॅनव्हास 3 डी आणि फ्लिकर

फ्लिकरच्या फोटोस्ट्रीमसह संपूर्ण नवीन 3 डी अनुभव घ्या.

कपड्याचे नक्कल

वास्तववादी, एचटीएमएल 5-आधारित कपड्याचे नक्कल.

विकसनशील मॉन्स्टर

एखाद्या गुंतागुंतीच्या प्राण्यामध्ये विकसित होणार्‍या एखाद्या राक्षसाचे निरीक्षण करा, त्यातील एक निर्माता एचटीएमएल 5 आहे.

गुगल गिफ्टबॉक्स

विशाल सर्च इंजिन गूगल 3 डी, प्ले करण्यायोग्य दृश्यात सादर केले गेले आहे.

जेएस टच

एक उच्च गुणवत्ता आणि वास्तववादी '3 डी ऑन 2 डी कॅनव्हास' शोकेस.

डेटा सादरीकरण

एचटीएमएल 5 चा कॅनव्हास घटक अ‍ॅनिमेशन आणि 3 डी प्रभाव तयार करण्यासाठी वापरला जाऊ शकतो, परंतु गणिताचा डेटा सादर करण्यासाठी देखील याची अंमलबजावणी केली जाऊ शकते.

ग्नुप्लॉट

एचटीएमएल 5 व्हर्जनमधील डेटा प्लॉटिंग अ‍ॅप्लिकेशन ग्नूप्लॉट.

आरग्राफ

आर ग्रॅफ बार चार्ट, प्रोग्रेस बार आणि पारंपारिक रडार चार्ट सारख्या विस्तृत डेटा सादरीकरणा प्रदान करते.

वेब अनुप्रयोग

शेवटी, एचटीएमएल 5 आणि इतर लॅन्जद्वारे एकत्रित सर्व शक्यतांचा वापर करून, एखादा फ्लॅश अनुप्रयोगाजवळील परस्पर अनुप्रयोग किंवा गेम तयार करू शकतो.

कॅनव्हासपेंट

मायक्रोसॉफ्ट पेंटचा भाऊ आपल्या वेब ब्राउझरमध्ये आला आणि त्याचे वडील एचटीएमएल 5 चे साक्षीदार आहेत.

कॅनव्हासमोल

एक वैज्ञानिक अनुप्रयोग जो आपल्याला पृथ्वीच्या विशिष्ट घटकाची रचना समजून घेण्यात मदत करण्यासाठी तयार केलेला आहे.

कार्टून बिल्डर

या कमीतकमी आणि संवादी कार्टून बिल्डरसह मनोरंजक कार्टून प्रतिमा काढा.

काहीही येथे ड्रॅग करा

तपशील दर्शविण्यासाठी आपण डेमोमध्ये ड्रॅग करू शकता अशा कोणत्याही गोष्टी ड्रॅग करा.

गार्टीक स्केच

एक मूळ एचटीएमएल 5 अनुप्रयोग जो तुम्हाला काही मूलभूत रेखाचित्रे बनविण्याची परवानगी देतो जे जेपीईजी किंवा पीएनजी सारख्या भिन्न प्रतिमेमध्ये जतन केले जाऊ शकतात.

फिजिकस्केच

आपल्याला जे आवडते ते काढा आणि अनुकरण केलेल्या गुरुत्वाकर्षणासह ते कसे प्रतिक्रिया देतात ते पहा.

स्केचपॅड

एक सामर्थ्यवान एचटीएमएल 5 रेखांकन अनुप्रयोग जो आपल्याला आपली प्रतिमा अचूक रीतीने रेखाटण्यास आणि संपादित करण्यास सक्षम करते.

छोटीशी चर्चा

ट्विटरवरुन प्राप्त झालेल्या हवामान-संबंधित संदेशाच्या भौगोलिक स्थितीची पुष्टी करणारा एक वेब अनुप्रयोग, अशा प्रकारे कॅनव्हास-आधारित 'सामाजिक हवामान' नकाशामध्ये बनवितो, अगदी क्षुल्लक (लेखकांनी सांगितल्याप्रमाणे) परंतु मनोरंजक आहे.

खेळ

3 कंटाळा आला

आपण पुढच्या सेकंदात शेकडो एचटीएमएल 5 बुलेट सोडत राहू शकत असाल तर आपल्याला कधीही कंटाळा येणार नाही.

सुटका

सर्व विटा खंडित करण्यासाठी चेंडूला परत आणा.

कॅनव्हास्केप

एक खेळ नाही, परंतु हे दर्शविते की फर्स्ट पर्सन शूटिंग ब्राउझर गेम विकसित करण्यासाठी एचटीएमएल 5 चा कसा वापर केला जाऊ शकतो.

पकडा

आपला विजयी एचटीएमएल 5 स्क्वेअर मिळविण्यासाठी आपण किती बॉल बुजवू शकता?

चेन रिएक्शन

उद्दीष्ट साध्य करण्यासाठी स्फोट घडवून आणा, व्यसनाधीन होऊ नका.

क्यूबॉट

टेट्रिस 3 डी मध्ये प्ले करा, टॉप-डाऊन व्यू.

वगैरे फिजिक्स

बॉल स्टारवर हलविण्यासाठी आयटम काढा, गुरुत्व विसरू नका.

जिगसॉ कोडे

या एचटीएमएल 5-आधारित जिगसॉ कोडे सोडविण्यासाठी कोडे, फिरवा आणि ड्रॉप करा.

स्लाइड कोडे

विजयाकडे स्लाइड करा, आपल्या मनाचा रस पिळण्यासाठी तयार केलेला दुसरा HTML5 गेम.

समान खेळ

दुसर्‍या गटाला त्याच रंगात जोडी मिळविण्यासाठी काही गट काढा आणि शेवटी तुम्हाला विजय मिळेल.

Tetris

एचटीएमएल 5 ने पुन्हा जिवंत केला गेलेला एक अत्यंत क्लासिक गेम.

टॉरस

छद्म 3 डी आवृत्तीत अजून एक टेट्रिस खेळ आहे.