-
HTML के साथ ब्लॉक एलिमेंट में टेक्स्ट को लंबवत संरेखित करें
आधिकारिक विनिर्देश के अनुसार, को एक फ्लेक्स कंटेनर के रूप में घोषित करें और क्रॉस अक्ष के साथ टेक्स्ट को लंबवत रूप से संरेखित करने के लिए आपको align-items का उपयोग करने की आवश्यकता है। display: flex; align-items: center; आप − . पर भी जा सकते हैं display: -moz-box; -moz-box-align: center; फ्लेक्सबॉ
-
iPad (iOS6) पर Safari, पेज की चौड़ाई के 100% को भरने के लिए HTML5 वीडियो को स्केल नहीं करता है
समस्या को हल करने के लिए, प्रतिक्रियाशील पैडिंग के लिए जाएं, जिसमें पैडिंग-टॉप चौड़ाई का प्रतिशत होगा। वीडियो के लिए CSS - #video-box { padding-top: 56.25%; position: relative; } video, object { width: 100%; height: 100%; top: 0; displ
-
HTML5 वीडियो को चलाने से पहले लोड होने से कैसे रोकें?
HTML5 वीडियो को चलने से पहले लोड होने से रोकने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं। आपको प्रीलोड . का उपयोग करने की आवश्यकता है विशेषता दें और इसे किसी पर सेट न करें - <!DOCTYPE html> <html> <body> <video width = "350"
-
क्या HTML5 सर्वर द्वारा भेजे गए ईवेंट के लिए कोई Microsoft समकक्ष है?
HTML5 सर्वर द्वारा भेजे गए ईवेंट के लिए अपने लक्ष्य को प्राप्त करने के लिए - पॉलीफिल आज़माएं यह IE10 और IE11 के लिए भी काम करेगा। यह − . से शुरू होता है if ("EventSource" in global) return; यह केवल उन वेब ब्राउज़र में चलता है जो EventSource का समर्थन नहीं करते हैं। निम्नलिखित गिट का संदर
-
HTML के साथ क्लाइंट-साइड इमेज प्रोसेसिंग
क्लाइंट-साइड प्रोसेसिंग और अपलोडिंग के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं -
-
HTML5 कैनवास रेखाएँ जैसे रेखाएँ धुंधली दिख रही हैं
धुंधली समस्या को हल करने के लिए, आपको पिक्सेल को ओवरलैप करना होगा। आप मान को − . में बदल सकते हैं context.moveTo(20.5, 0); context.lineTo(20.5, 50); आप ऊंचाई और चौड़ाई भी इस तरह सेट कर सकते हैं - canvas1 = document.getElementById(‘canvas'); canvas1.width = 250; canvas1.height = 250; अब स
-
HTML के साथ Ember.js ब्राउज़र समर्थन
Ember.js एक ओपन-सोर्स, फ्री जावास्क्रिप्ट क्लाइंट-साइड फ्रेमवर्क है जिसका उपयोग वेब एप्लिकेशन विकसित करने के लिए किया जाता है। यह एक संपूर्ण समाधान प्रदान करके क्लाइंट-साइड JavaScript एप्लिकेशन बनाने की अनुमति देता है जिसमें डेटा होता है प्रबंधन और अनुप्रयोग प्रवाह। यह MVC (मॉडल-व्यू-कंट्रोलर) आर्क
-
HTML5 कैनवास पर कीडाउन के लिए addEventListener
टैबिन्डेक्स का प्रयोग करें कैनवास पर addEventListener के लिए कैनवास तत्व पर विशेषता - var myTarget, myCanvas; window.onload = function() { myCanvas = document.getElementById('canvas'); document.addEventListener('mousedown', function(event) {
-
HTML5 के साथ डेस्कटॉप वेब एप्लिकेशन के रूप में Ionic का उपयोग
Ionic एक HTML5 मोबाइल ऐप डेवलपमेंट फ्रेमवर्क है जिसका लक्ष्य हाइब्रिड मोबाइल ऐप्स बनाना है। Ionic को फ्रंट-एंड UI फ्रेमवर्क के रूप में सोचें जो आपके ऐप के सभी लुक और फील और UI इंटरैक्शन को सम्मोहक बनाने के लिए आवश्यक है। मूल निवासी के लिए बूटस्ट्रैप की तरह, लेकिन सामान्य देशी मोबाइल घटकों की एक विस्
-
HTML के साथ मोबाइल ब्राउज़र में CSS3 HW GPU त्वरण के लिए SVG-आधारित स्प्राइट-शीट का अनुकूलन
ऑप्टिमाइज़ेशन के लिए, फ़्रेम का ज़िन्डेक्स बदलें। यह झिलमिलाहट को हल करने के लिए छवियों को एक दूसरे के ऊपर परत करता है क्योंकि अंतिम फ्रेम को फिर से बनाते समय अभी भी दिखाई देता है। नवीनतम फ़्रेम के ज़िन्डेक्स मान को बढ़ाते रहें। नोट - आपको ज़िन्डेक्स को फिर से रीसेट करने की आवश्यकता है, और इसमें झि
-
क्या विजुअल स्टूडियो में HTML5 सत्यापन जोड़ना संभव है?
HTML5 सत्यापन के लिए, आपको Visual Studio में IntelliSense और सत्यापन समर्थन स्थापित करने की आवश्यकता है। HTML5 विजुअल स्टूडियो 2012 द्वारा समर्थित है। VS 2010 में IntelliSense का समर्थन था, लेकिन VS 2012 ने संबंधित स्निपेट जोड़े जिससे यह मार्कअप लिखने में तेज़ और आसान हो गया। निम्न चरणों का पालन कर
-
आईबीएम वर्कलाइट का उपयोग क्यों करें यदि यह अंततः एचटीएमएल समर्थन के लिए फोनगैप का उपयोग करता है?
आईबीएम वर्कलाइट विकास के लिए एक पूर्ण मंच है। वर्कलाइट के भीतर कई प्रमुख विशेषताएं पूरी की जा सकती हैं जो आप फोनगैप लाइब्रेरी के साथ नहीं कर पाएंगे। फोनगैप एडोब सिस्टम द्वारा एक सॉफ्टवेयर डेवलपमेंट फ्रेमवर्क है, जिसका उपयोग मोबाइल एप्लिकेशन विकसित करने के लिए किया जाता है। PhoneGap का उपयोग करके ऐप्
-
HTML के साथ इनपुट प्रकार दिनांक समय मान प्रारूप
इनपुट प्रकार =डेटाटाइप का प्रयोग करें। HTML में डेटाटाइम इनपुट प्रकार का उपयोग का उपयोग करके किया जाता है। इसका इस्तेमाल करते हुए यूजर्स को तारीख और समय चुनने की अनुमति दें। जब भी इनपुट फ़ील्ड पर क्लिक किया जाता है तो दिनांक समय पिकर पॉपअप दिखाई देता है। <!DOCTYPE html> <html> &n
-
HTML के साथ कोई भी प्रपत्र डेटा खोए बिना वर्तमान पृष्ठ को पुनः लोड कैसे करें?
फॉर्म डेटा खोए बिना वर्तमान पेज को फिर से लोड करने का सबसे आसान तरीका, वेबस्टोरेज का उपयोग करें जहां आपके पास -पर्सिस्टेंट स्टोरेज (लोकलस्टोरेज) या सेशन-बेस्ड (सेशनस्टोरेज) है जो आपके वेब ब्राउजर तक मेमोरी में रहता है। बंद है। जब पृष्ठ पुनः लोड होने वाला हो, तब इसे आज़माएं, window.onbeforeunload =
-
HTML के साथ विंडो के बाहर खींचते समय फ़ायरफ़ॉक्स में ड्रैगलीव ईवेंट का पता कैसे लगाएं?
आपको ट्रैक करने की आवश्यकता है कि कौन से तत्व ड्रैजेंटर और खींचें पर चालू किया गया था। एक व्यक्तिगत तत्व पर ड्रैगेंटर और ड्रैगलीव को सुनना न केवल उस तत्व की घटनाओं को बल्कि बच्चों पर होने वाली घटनाओं को भी कैप्चर करेगा। $.fn.draghover = function(options) { return this.each(function(
-
एचटीएमएल 5 कैनवास कैमरा/व्यूपोर्ट के साथ वास्तव में कैसे काम करें?
व्यूपोर्ट उपयोग के लिए, drawImage() विधि का उपयोग करें। ctx.clearRect(0,0,game.width,game.height);// एक पूर्ण पृष्ठभूमि imagectx.drawImage(background,cropLeft,cropTop,cropWidth,cropHeight,0,0,viewWidth,viewHeight); खेल के लिए - var myGame =document.getElementById(game);var myCtx=myGame.getContext(2d
-
HTML5 कैनवास से PNG फ़ाइल
HTML5 कैनवास को PNG में बदलने के लिए, नीचे दिए गए चरणों का पालन करें - आपको जेनरेट किए गए डेटा URL को टैग की href विशेषता में जोड़ना होगा। बेस64 इमेज के लिए डायलॉग − <img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" /> फ़ाइल नाम जोड़ें - <a down
-
क्या <सेक्शन> और <लेख> जैसे नए HTML5 तत्व बेकार हैं?
तत्व और स्क्रीनरीडर के लिए भी उपयोगी हैं और दृष्टिबाधित उपयोगकर्ताओं को आपके वेब पेज की सामग्री को पढ़ने में मदद करते हैं। ये ईबुक पाठकों के लिए भी फायदेमंद हैं। आइए देखें कि दोनों तत्वों के साथ कैसे काम किया जाए। <!DOCTYPE html> <html> <head>
-
HTML5 में फ़ाइल इनपुट को याद रखें और पुन:पॉप्युलेट करें
फिर से पॉप्युलेट करने के लिए, ड्रैग एंड ड्रॉप का उपयोग करें। यह पहले संभव नहीं था, लेकिन अब यह मान्य है। आइए देखते हैं कैसे - function drop(ev) { ev.stopPropagation(); ev.preventDefault(); // retrieving dataTransfer field from the event var
-
HTML5 में क्रॉस-ओरिजिनल एट्रिब्यूट का क्या उपयोग है?
आधिकारिक विनिर्देश क्रॉस-ओरिजिन एट्रिब्यूट को - . के रूप में बताता है The crossorigin attribute is a CORS settings attribute. Its purpose is to allow images from third-party sites that allow cross-origin access to be used with canvas. जब इसे CORS हेडर के साथ जोड़ा जाता है, तो यह तत्व द्वारा परिभा