सीधी पहुंच नहीं नहीं, HTML5 आपको स्थानीय क्लाइंट फ़ाइलों के साथ सीधे इंटरैक्ट करने की अनुमति नहीं देता। आप इसके लिए ड्रैग एंड ड्रॉप या FileSystem API का उपयोग कर सकते हैं। उदाहरण: HTML5 का उपयोग करके वेब ब्राउज़र में ड्रैग एंड ड्रॉप <!DOCTYPE HTML> <html> <head> <style>

PNGStream का उपयोग HTML5 canvas को फ़ाइल में सेव करने के लिए PNGStream का उपयोग करें। var f = require(fs), out = f.createWriteStream(__dirname + /text.png), stream = canvas.pngStream(); stream.on(data, function(chunk){ out.write(chunk); }); stream.on(end, function(){ console.log(P

पतले फॉन्ट्स के लिए फॉन्ट स्मूथिंग पतले फॉन्ट्स को अधिक स्मूथली रेंडर करने के लिए: text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; केवल Google Chrome के लिए -webkit-font-smoothing: antialiased !important

FileReader के साथ इमेज प्रीव्यू उपयोगकर्ताओं को इमेज चुनने की अनुमति देने के लिए JavaScript FileReader का उपयोग करें। उदाहरण <form id=myform runat=server> <input type=file id=myimg /> <img id=myid src=# alt=new image /> </form> JavaScript function readURL(input) {

डेटा एट्रिब्यूट टाइप कास्टिंग डेटा-एट्रिब्यूट टाइपकास्टिंग नंबर्स और स्ट्रिंग्स के लिए, उपयोग करें: console.log(type: %s, value: %o, typeof a.dataset.value, a.dataset.value) ); उपरोक्त निम्नलिखित डेटा-एट्रिब्यूट्स के लिए है <a data-value=6.0>6.0</a> <a data-value=6.5>6.5&l

Modernizr लाइब्रेरी का उपयोग HTML5 ऑडियो MP3 सपोर्ट का पता लगाने के लिए, Modernizr लाइब्रेरी का उपयोग करें। आधिकारिक विनिर्देश के अनुसार स्रोत - आधुनिक Modernizr दस्तावेज़ से स्क्रीनशॉट JavaScript से टेस्ट करें var x = document.createElement(audio); return !!(x.canPlayType && x.canPlayType(audio/

फ्लेक्सबॉक्स से वर्टिकल अलाइनमेंट आधिकारिक विनिर्देश के अनुसार, <a> को फ्लेक्स कंटेनर घोषित करें और क्रॉस अक्ष पर टेक्स्ट को वर्टिकली अलाइन करने के लिए align-items का उपयोग करें। display: flex; align-items: center; पुराना वेंडर-प्रीफिक्स्ड तरीका (अप्रचलित) display: -moz-box; -moz-box-align:

रिस्पॉन्सिव पैडिंग समाधान समस्या हल करने के लिए, रिस्पॉन्सिव पैडिंग के लिए जाएं, जहां padding-top चौड़ाई का प्रतिशत होगा। वीडियो के लिए CSS #video-box { padding-top: 56.25%; position: relative; } video, object { width: 100%; height: 100%; top: 0; display: block; position

preload एट्रिब्यूट HTML5 वीडियो को प्लेइंग से पहले लोड होने से रोकने के लिए, आप निम्नलिखित कोड आज़मा सकते हैं। आपको preload एट्रिब्यूट का उपयोग करने और इसे none पर सेट करने की आवश्यकता है: <!DOCTYPE html> <html> <body> <video width=350 height=200 controls=controls preload

HTML5 सर्वर-सेंट इवेंट्स विकल्प पॉलीफिल आज़माएं यह IE10 और IE11 के लिए भी काम करेगा। यह इसके साथ शुरू होता है: if (EventSource in global) return; यह केवल उन वेब ब्राउज़र्स में चलता है जो EventSource का समर्थन नहीं करते। निम्नलिखित Git रेफर करें वेबसॉकेट्स आज़माएं IE10 और IE 11 के लिए काम करता है

क्लाइंट-साइड प्रोसेसिंग और अपलोड क्लाइंट-साइड प्रोसेसिंग और अपलोड के लिए, आप निम्नलिखित कोड आज़मा सकते हैं: <?php if (isset($_FILES[image])) { $iSize = getimagesize($_FILES[image][tmp_name]); if ($iSize !== false) { $myFile = /tmp/ . basename($_FILES[image][name])

धुंधली लाइन्स ठीक करना धुंधली समस्या को हल करने के लिए, आपको पिक्सल्स को ओवरलैप करने की आवश्यकता है। आप मान को बदल सकते हैं: context.moveTo(20.5, 0); context.lineTo(20.5, 50); आप ऊंचाई और चौड़ाई भी इस तरह सेट कर सकते हैं: canvas1 = document.getElementById(canvas); canvas1.width = 250; canvas1.heig

Ember.js अवलोकन Ember.js एक ओपन-सोर्स, मुफ्त JavaScript क्लाइंट-साइड फ्रेमवर्क है जिसका उपयोग वेब एप्लिकेशन विकसित करने के लिए किया जाता है। यह डेटा प्रबंधन और एप्लिकेशन फ्लो वाले पूर्ण समाधान प्रदान करके क्लाइंट-साइड JavaScript एप्लिकेशन बनाने की अनुमति देता है। यह MVC (Model-View-Controller) आर्

Canvas पर कीबोर्ड इवेंट्स Canvas एलिमेंट पर addEventListener के लिए tabindex एट्रिब्यूट का उपयोग करें: var myTarget, myCanvas; window.onload = function() { myCanvas = document.getElementById(canvas); document.addEventListener(mousedown, function(event) { myTarget = event.target;

Ionic फ्रेमवर्क अवलोकन Ionic एक HTML5 मोबाइल ऐप डेवलपमेंट फ्रेमवर्क है जो हाइब्रिड मोबाइल ऐप्स बनाने पर लक्षित है। Ionic को फ्रंट-एंड UI फ्रेमवर्क के रूप में सोचें जो आपके ऐप को आकर्षक बनाने के लिए आवश्यक सभी लुक एंड फील और UI इंटरैक्शन को संभालता है। नेटिव के लिए बूटस्ट्रैप की तरह, लेकिन आम नेटिव म

ऑप्टिमाइज़ेशन तकनीक ऑप्टिमाइज़ेशन के लिए, फ्रेम के z-index को बदलें। यह छवियों को एक दूसरे के ऊपर लेयर करता है ताकि फ़्लिकरिंग हल हो जाए क्योंकि रीड्रॉइंग के दौरान अंतिम फ्रेम अभी भी दिखाई देता है। नवीनतम फ्रेम के z-index मान को बढ़ाते रहें। नोट - आपको z-index को फिर से रीसेट करने की आवश्यकता है,

Visual Studio में HTML5 वैलिडेशन HTML5 वैलिडेशन के लिए, आपको Visual Studio में IntelliSense और वैलिडेशन सपोर्ट इंस्टॉल करने की आवश्यकता है। HTML5 Visual Studio 2012 द्वारा समर्थित है। VS 2010 में IntelliSense सपोर्ट था, लेकिन VS 2012 ने संबंधित स्निपेट्स जोड़े जिससे मार्कअप लिखना तेज़ और आसान हो गय

IBM Worklight बनाम PhoneGap IBM Worklight एक पूर्ण विकास प्लेटफॉर्म है। कई प्रमुख विशेषताएं Worklight के भीतर पूरी की जा सकती हैं जिन्हें आप PhoneGap लाइब्रेरी के साथ नहीं कर पाएंगे। PhoneGap PhoneGap एडोब सिस्टम द्वारा एक सॉफ्टवेयर डेवलपमेंट फ्रेमवर्क है, जिसका उपयोग मोबाइल एप्लिकेशन विकसित करने क

datetime-local इनपुट प्रकार input type=datetype का उपयोग करें। HTML में datetime इनपुट प्रकार <input type=datetime-local> का उपयोग करके किया जाता है। इसका उपयोग करके, उपयोगकर्ताओं को तारीख और समय चुनने की अनुमति दें। जब भी इनपुट फ़ील्ड पर क्लिक किया जाता है तो एक डेट टाइम पिकर पॉपअप दिखाई देता

WebStorage का उपयोग फॉर्म डेटा खोए बिना वर्तमान पेज को रीलोड करने का सबसे आसान तरीका WebStorage का उपयोग करना है जहां आपके पास - पर्सिस्टेंट स्टोरेज (localStorage) या सेशन-आधारित (sessionStorage) होता है जो तब तक मेमोरी में रहता है जब तक आपका वेब ब्राउज़र बंद नहीं होता। पेज रीलोड होने से पहले windo