एचटीएमएल 5 जावास्क्रिप्ट पुस्तकालय

Question

मैं जावास्क्रिप्ट पुस्तकालयों की तलाश में हूं जो HTML5 विकास के साथ मदद करता है।

कृपया प्रति जवाब केवल एक लाइब्रेरी पोस्ट करें, और इसका वर्णन करना न भूलें।

Answer 1

Modernizr यह पता लगाने का सबसे अच्छा तरीका है कि ब्राउज़र किस HTML5 सुविधा का समर्थन करता है।

Answer 2

"Processing.js उन लोगों के लिए एक खुली प्रोग्रामिंग भाषा है जो फ्लैश या जावा एप्लेट्स के बिना वेब के लिए छवियों, एनीमेशन और इंटरैक्शन प्रोग्राम करना चाहते हैं। Processing.js एचटीएमएल 5 कैनवास तत्व पर आकार खींचने और छवियों में हेरफेर करने के लिए जावास्क्रिप्ट का उपयोग करता है। कोड हल्का वजन है, सीखने में आसान है और डेटा को विज़ुअलाइज़ करने, उपयोगकर्ता-इंटरफेस बनाने और वेब-आधारित गेम विकसित करने के लिए एक आदर्श टूल बनाता है। "

Answer 3

Raphaël - राफेल का लक्ष्य एडाप्टर प्रदान करना है जो ड्राइंग वेक्टर कला संगत क्रॉस-ब्राउज़र और आसान बना देगा।

Answer 4

जबकि जावास्क्रिप्ट लाइब्रेरी HTML5 Boilerplate से अधिक वास्तव में उपयोगी लगता है।

"एचटीएमएल 5 बॉयलरप्लेट पेशेवर बैडस का बेस एचटीएमएल/सीएसएस/जेएस टेम्पलेट एक तेज, मजबूत और भविष्य-सबूत साइट के लिए है।"

Answer 5

मुझे मिला एकमात्र ऐसा है html5widgets।

मुझे लगता है कि इसके लिए कई प्रतिस्पर्धी पुस्तकालय हैं।

लेकिन यह नई एचटीएमएल 5 प्रपत्र अच्छाई है, जो है मैं क्या के बारे में परवाह के सबसे को लागू करता है ...

Answer 6

ExplorerCanvas - फायरफॉक्स, सफारी, क्रोम और ओपेरा जैसे आधुनिक ब्राउज़रों 2 डी अनुमति देने के लिए एचटीएमएल 5 कैनवास टैग का समर्थन कमांड आधारित ड्राइंग। ExplorerCanvas इंटरनेट एक्सप्लोरर के लिए समान कार्यक्षमता लाता है। उपयोग करने के लिए, वेब डेवलपर्स को केवल अपने मौजूदा वेब पृष्ठों में एक स्क्रिप्ट टैग शामिल करने की आवश्यकता है।

Answer 7

आरजीआरपी देखें।

http://www.rgraph.net/

एचटीएमएल 5 के लिए रेखांकन का पूरा सेट पर उपलब्ध।

गैर वाणिज्यिक उपयोग के लिए नि: शुल्क है, और यह 49 पाउंड (अंग्रेजी)

Answer 8

html5sql एक प्रकाश जावास्क्रिप्ट मॉड्यूल एचटीएमएल 5 वेब डेटाबेस के साथ काम करता है एक पूरी बहुत आसान है। इसका प्राथमिक कार्य अनुक्रमिक एकल लेनदेन के भीतर एसक्यूएल कथन की प्रसंस्करण के लिए एक संरचना प्रदान करना है।

Answer 9

मैं Easel.js और इसके सिबिल होहो के बारे में पोस्ट करूंगा। वे एक ही डेवलपर GSkinner से हैं क्योंकि इस वजह से मैं सभी संबंधित पुस्तकालयों को पोस्ट करता हूं। मैंने बस थोड़ा आसान इस्तेमाल किया है, लेकिन अन्य आशाजनक प्रतीत होते हैं। मैं यूआरएल और उनके विवरण पोस्ट:

Easel.js

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

यह TweenJS

TweenJS जावास्क्रिप्ट में जटिल अनुक्रम एनिमेशन बनाने के लिए एक अत्यंत सरल एपीआई प्रदान करता है समर्थन करता है। इसमें स्टाइल शीट के साथ काम करने के लिए बुनियादी (प्रयोगात्मक) समर्थन शामिल है।

इसके अलावा SoundJS

HTML में ऑडियो आशाजनक है का समर्थन करता है, लेकिन काफी के साथ काम करने के लिए मुश्किल हो सकता है। प्रत्येक ब्राउज़र में एक समान लेकिन अलग दृष्टिकोण होता है, जिसके लिए बहुत सारे अनुमान और परीक्षण की आवश्यकता होती है, और किनारे के मामलों की आवश्यकता होती है, जो कि बहुत समय व्यतीत कर सकते हैं। साउंडजेएस जावास्क्रिप्ट लाइब्रेरी एक साधारण एपीआई प्रदान करती है, और ऑडियो के साथ काम करने के लिए कुछ शक्तिशाली विशेषताएं प्रदान करती हैं।

और Zoë

ज़ो (Zoetrope से) जो EaselJS और एचटीएमएल 5 के साथ उपयोग के लिए स्प्राइट शीट के रूप में फ्लैश एनिमेशन निर्यात करने के लिए एक आसान तरीका प्रदान OSX या Windows एक खुला स्रोत अनुप्रयोग है। बस एक एसडब्ल्यूएफ फ़ाइल को एप्लिकेशन पर खींचें। यह फ्रेम लेबल और आयामों को खोजने के लिए मुख्य टाइमलाइन स्कैन करेगा। आप फ्रेम सीमाओं को बदल सकते हैं, सेटिंग्स संपादित कर सकते हैं, फिर एक स्प्रिट शीट छवि और ईएसईएलजेएस कोड निर्यात कर सकते हैं जो स्प्राइटशीट उदाहरण को टाइमलाइन लेबल के आधार पर फ्रेम डेटा के साथ परिभाषित करता है। एसडब्ल्यूएफ में एनिमेशन की शुरुआत को इंगित करने के लिए फ्रेम लेबल के साथ मुख्य टाइमलाइन पर सभी एनीमेशन होना चाहिए। नेस्टेड ग्राफिक्स ठीक हैं।

मैं उन सभी का उपयोग नहीं किया है, लेकिन काफी रोचक लग =)

Answer 10

मैं Perkins HTML5+CSS3 framework का उपयोग "वह" निम्नलिखित के रूप में खुद का वर्णन करता है:

मैं एक फ्रेमवर्क का जीवन बनाने के लिए सोचा था कि कर रहा हूँ डिजाइनर और डेवलपर्स थोड़ा आसान है। मैं नवीनतम वेब मानकों का उपयोग करता हूं, जिसे एचटीएमएल 5 और CSS3 भी कहा जाता है। अधिक लाभ लेने के लिए और आपको खुद को दोहराने की अनुमति नहीं देते, मैं LESS.js में आधारित हूं, जिसका अर्थ है कि आप कुछ स्वामित्व ब्राउज़र उपसर्गों को भूल सकते हैं। इसके अलावा, मैं कई प्रीलोडेड मूल शैलियों, मिक्सिन्स, हेल्पर्स, पारदर्शी बनावट और एक @ फ़ॉन्ट-फेस संचालित आइकन सेट लेता हूं। यदि एचटीएमएल आपका जुनून है, तो मैं टायलर टेट के 1 केबी सीएसएस ग्रिड में आधारित गतिशील ग्रिड का उपयोग करके वायरफ्रेम को जल्दी से बनाने में आपकी सहायता कर सकता हूं जो पहले से ही शामिल है और perkins.config.less फ़ाइल में कॉन्फ़िगर किया जा सकता है, साथ ही साथ कई अन्य विकल्प भी।

Answer 11

CreateJS HTML5 लाइब्रेरी का एक अच्छा संग्रह है।

http://www.createjs.com

Answer 12

RoCanvas.js

इंटरैक्टिव ड्राइंग बोर्ड उपयोगकर्ताओं को अपनी साइट पर आकर्षित (अवतार, या ज्यादा colaborative परियोजनाओं के लिए बेहतर करने के लिए उपयोगी हो सकता है, सीखने आदि