HTML5 + जावास्क्रिप्ट का उपयोग कर प्रस्तुतियों के लिए बुनियादी ढांचा


100

क्या आप केवल HTML5 और जावास्क्रिप्ट तकनीकों का उपयोग करके प्रस्तुतियाँ बनाने के लिए एक रूपरेखा जानते हैं?
मैं विभिन्न प्रस्तुति सॉफ्टवेयर (पावरपॉइंट या ओओओ प्रस्तुति) के "निर्यात" सुविधाओं के बारे में बात नहीं कर रहा हूं।

इस "रूपरेखा" के साथ प्रस्तुतिकरण के लिए कुछ आवश्यकताएं:

  • नवीनतम HTML5 सुविधाओं (ऑडियो, वीडियो, कैनवास) का लाभ उठाएं?
  • CSS3 के साथ ही (फ़ॉन्ट समर्थन, ढाल, छाया, संक्रमण और परिवर्तन)

यदि ऐसी कोई बात नहीं है, तो विषय पर अच्छी प्रस्तुतियों या संकेत के उदाहरण की सराहना की जाएगी।

संपादित करें: एक अच्छा उदाहरण मिला, HTML5 - वेब विकास अगले स्तर तक


2
deck.js : पर GitHub भी imakewebthings.github.com/deck.js
Tammo बी

13
38+ अपवोट, 26 बुकमार्क, लेकिन बंद? मॉडरेटर के प्रतिशोध के जोखिम पर, मुझे कहना होगा कि यहां मॉडरेशन में कुछ गड़बड़ है। मैंने एक दर्जन दिलचस्प सवालों को बिना वैध कारण के बंद कर दिया है।
बेन लेश

4
ऐसा लगता है कि यह साइट पर मॉडरेशन की समस्या का संकेत है, साइट के दर्शकों के संपर्क से बाहर होना। सच कहूँ तो, यह भी एक संकेत है कि stackoverflow.com में "शार्क को कूदना" हो सकता है।
बेन लेश

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

3
@IvoFlipse: सवाल यह नहीं है कि उत्तर कुछ अस्पष्ट और पूरी तरह से व्यक्तिपरक मीट्रिक द्वारा "गुणवत्ता" के उत्तर हैं, लेकिन क्या वे लोगों के लिए उपयोगी हैं । वोटों को देखते हुए, सवाल और जवाब कई लोगों के लिए उपयोगी होते हैं।
स्थैतिक_परिवर्तन

जवाबों:


65

भूस्खलन एक बहुत साफ सुथरा अनुप्रयोग है जो स्लाइडशो उत्पन्न करता है:

Deck.js एक और अच्छी परियोजना है; इस समय, स्लाइड शुद्ध HTML / CSS / JS हैं।

इससे भी बेहतर, प्रभावशाली .js CSS3 के परिवर्तनों और बदलावों पर निर्भर करता है।


मैंने लैंडस्लाइड फ़ाइलों को डाउनलोड कर लिया है, लेकिन जो मैं हूं, वह होने के नाते मैं पूरी तरह से भ्रमित हूं कि इसका उपयोग कैसे किया जाए। मुझे पढ़ने के लिए सभी कमांड लाइन निर्देशों के साथ मेरे लिए ध्वनि ग्रीक का निर्देश है। आरंभ करने के लिए किसी भी संकेत की सराहना की जाएगी। धन्यवाद
Sbhambry

1
@ सौरभ: यह मानते हुए कि आपने git रिपॉजिटरी, रन python setup.py build, और फिर python setup.py installरूट विशेषाधिकारों के साथ क्लोन किया है । अब आपके पास landslideकमांड उपलब्ध होगी, इसे samples/डायरेक्टरी के तहत चलाएं ।
रयान ली

@ उत्तर के लिए धन्यवाद। यह एक शॉट asap देना होगा। धन्यवाद!
शम्भरी

आप Imput.js और Bespoke.js प्रस्तुतियों को बनाने के लिए GUI के रूप में strut.io का उपयोग कर सकते हैं ।
मैट क्रिंकलाव-वोग्ट

8

एक प्रस्तुति उपकरण के रूप में मैं Reveal.js का उपयोग करता हूं , यह एक बहुत ही साफ और आधुनिक प्रस्तुति उपकरण है।

इसे HTML5 / CSS3 / JS के साथ 100% बनाया गया है, जो सुविधाएँ मुझे सबसे अधिक पसंद हैं:

  • स्लाइड के बीच सीएसएस 3 संक्रमण की तरह 3 डी
  • आप नेस्टेड स्लाइड्स बना सकते हैं - क्षैतिज स्लाइड्स में ऊर्ध्वाधर स्लाइड
  • समर्थन फ़ॉन्ट-चेहरा
  • आप स्लाइड के बीच आंतरिक लिंक बनाते हैं
  • कोड सुंदर है, highlight.js के लिए धन्यवाद
  • अवलोकन और दो स्क्रीन मोड के साथ Escऔर `s``

मुझे पता है कि आप वास्तव में इसे नहीं चाहते हैं लेकिन आप पीडीएफ को निर्यात कर सकते हैं, और इसे जीथब पर कांटा कर सकते हैं :)


2

यदि आप वेबसैट सपोर्ट प्राप्त करना चाहते हैं और Sencha 2.0 एचटीएमएल 5 मोबाइल एप्लिकेशन के माध्यम से डेक.जेएस प्रस्तुतियों को नियंत्रित करने की क्षमता आप रोबोडेक की कोशिश कर सकते हैं ।


1

यह पुस्तकालय प्रस्तुतियों, कहानियों और विज्ञापनों को बनाने के लिए है।

BoardJS


0

उत्तर के एक तरफ के रूप में, आप एक दूसरे के साथ कई दूरस्थ दर्शकों को सिंक में रखने के लिए एक नोडज नियंत्रक में भी दिलचस्पी ले सकते हैं।

controldesk.js

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.