एक नए स्थिर रिलीज पर काम करना बंद नहीं होता है, और इस सप्ताह हम आपको
ओपेरा के संयोजन को नई रंगीन सुविधाओं और सुधारों की एक पूरी गुच्छा के साथ पेश करने की कृपा करते हैं। हमेशा की तरह, हमने उनमें से डेवलपर्स के लिए सबसे दिलचस्प चुना और साझा करने की जल्दी में हैं।
एक्सटेंशन के लिए प्रसंग मेनू एपीआई
एक्सटेंशन के लिए नए एपीआई? बेशक! इस बार, यह संदर्भ मेनू में आइटम जोड़ने के लिए एक उपयोगी विधि है (जिसे राइट-क्लिक करके कहा जाता है)। यह पृष्ठ या इसकी सामग्री के साथ किसी भी बातचीत के लिए उपयोगी हो सकता है।
एपीआई संदर्भ मेनू के संचालन पर सटीक नियंत्रण प्रदान करता है, उदाहरण के लिए, केवल लिंक के लिए या केवल एक विशिष्ट डोमेन के भीतर। आप सबमेनस को भी जोड़ सकते हैं और जब आप किसी मेनू आइटम पर क्लिक करते हैं, तो लिंक एड्रेस तक पहुंच या उस टेक्स्ट पर पहुंच सकते हैं, जो वर्तमान में उपयोगकर्ता द्वारा चुना गया है, इसे नियंत्रित करें।
सामान्य तौर पर, यह एपीआई उन डेवलपर्स के लिए आदर्श है जो हमेशा पैनल पर एक बटन के माध्यम से अपने एक्सटेंशन को अलग तरीके से सक्रिय करना चाहते हैं। तो
नवीनतम संदर्भ मेनू एपीआई प्रलेखन में विवरणों
को आज़माएं और पढ़ें।
फुलस्क्रीन एपीआई
पूर्ण स्क्रीन API, JavaScript-तरीकों (जैसे का एक सरल सेट है
element.requestFullscreen() और
document.exitFullscreen() और एक नया छद्म की तरह)
:fullscreen है, जो पृष्ठों की अनुमति देता है और क्या और भी दिलचस्प
है, यहां तक अलग-अलग तत्वों, जैसे वीडियो या पर खेल के रूप में है कैनवास, पूर्ण स्क्रीन मोड से बाहर निकलें।
सरलतम डेमो के रूप में, हमने HTML नियंत्रण के साथ एक साधारण वीडियो प्लेयर को एक साथ रखा और इसमें नई पूर्ण-स्क्रीन सुविधाएँ
जोड़ीं :
HTML5 वीडियो - जावास्क्रिप्ट का उपयोग करते हुए वीडियो के लिए कूल नियंत्रण, जिसमें फ़ुल-स्क्रीन API के लिए समर्थन भी शामिल है । कृपया ध्यान दें कि इस डेमो में न केवल वीडियो पूर्ण-स्क्रीन मोड में प्रवेश करता है, बल्कि HTML नियंत्रण भी है जो हमने खुद बनाया था।
लेकिन हमेशा की तरह, नए
अनंत-जीवन-एचटीएमएल 5-मानक के साथ आप कभी भी यह सुनिश्चित नहीं कर सकते हैं कि आपके द्वारा कुछ पेश किए जाने के बाद से विनिर्देश नहीं बदला है। और इसलिए ऐसा हुआ: इस विधानसभा में,
7 फरवरी, 2012 को
फुल-स्क्रीन एपीआई का एक
संस्करण पेश किया गया था, जबकि मानक आंशिक रूप से बदल गया है और नवीनतम संस्करण
जुलाई 2012 से हैं ।
HTML5 से <ol उलट>
इस असेंबली
HTML5 <ol reversed> से एक बहुत अच्छी सुविधा इस
मानक को जोड़ा
गया था ।
विनिर्देश कहता है कि "... विशेषता उलटी बूलियन है। इसकी उपस्थिति इंगित करती है कि सूची कम हो रही है (..., 3, 2, 1)। इसकी अनुपस्थिति में, सूची बढ़ती है (1, 2, 3, ...) "
वैसे, यदि आप
reversed विशेषता को
start विशेषता के साथ जोड़ते हैं (जो एचटीएमएल 4 में बेहद गलत तरीके से मना किया गया था, लेकिन एचटीएमएल 5 में इसके अधिकारों को पूरी तरह से बहाल किया गया है), तो आप एक सूची प्राप्त कर सकते हैं, जिसके आइटम शून्य और नीचे से आते हैं। यदि आप गैर-दशमलव सूची मार्कर (उदाहरण के लिए, रोमन अंक) का उपयोग करते हैं, तो सूची क्रमांक एक तक पहुंचने के बाद दशमलव बन जाएगा। विनिर्देश कहते हैं:
शून्य से कम या उसके बराबर संख्याओं को हमेशा दशमलव प्रणाली का उपयोग करना चाहिए, चाहे संकेत दिए गए प्रकार की परवाह किए बिना।
उन ब्राउज़रों के लिए जो
reversed विशेषता का समर्थन नहीं करते हैं,
लुइस लैजरिस पॉलीफाइल का एक बहुत ही दिलचस्प और शब्दार्थ है ।
SPDY समर्थन
आह, वे कितनी तेजी से बढ़ते हैं ... केवल एक महीने पहले हमने
एसपीडीवाई के समर्थन से ओपेरा लैब्स की एक
असेंबली जारी की, क्योंकि यह सुविधा पहले ही मुख्य शाखा में अपना रास्ता बना चुकी है और अंतिम रिलीज में प्रदर्शित होने के लिए तैयार है।
एक सुखद बोनस के रूप में, यह असेंबली एक पूर्व-स्थापित एक्सटेंशन
SPDY संकेतक से सुसज्जित है , जिसे चालू किया जाता है यदि साइट इस नए प्रोटोकॉल का उपयोग करती है। इसका मतलब है कि अब आपको
ओपेरा ड्रैगनफ्लाई नेटवर्क क्वेरी पैनल में SPDY संकेतों को पकड़ने की आवश्यकता नहीं होगी।
यदि आप पहले ओपेरा नेक्स्ट में एक्सटेंशन इंस्टॉल करते हैं, तो इस असेंबली में बनाया गया एक्सटेंशन अपने आप प्रदर्शित नहीं हो सकता है। आप नए ओपेरा को फिर से स्थापित कर सकते हैं एक स्वच्छ प्रोफ़ाइल के साथ निर्माण कर सकते हैं या बस
एक्सटेंशन निर्देशिका से SPDY संकेतक डाउनलोड कर सकते हैं।
@Media नेस्टेड कंस्ट्रक्शन
सीएसएस 3 सशर्त नियम विनिर्देश को लागू करने के पहले चरण के रूप में, इस विधानसभा में हम
@media नेस्टेड कंस्ट्रक्शन के लिए समर्थन प्रस्तुत करते हैं। इसके बजाय दोहराए सुविधाओं की लंबी सूची ड्राइंग की:
@media only screen and (orientation: portrait) and (min-width: 480px) { … } @media only screen and (orientation: portrait) and (min-width: 600px) { … } @media only screen and (orientation: portrait) and (min-width: 768px) { … }
... अब आप केवल क्लीनर, अधिक सुविधाजनक और समझने योग्य कोड के लिए एक दूसरे में
@media एम्बेड कर सकते हैं:
@media only screen { @media (orientation: portrait) { @media (min-width:480px) { … } @media (min-width: 600px) { … } @media (min-width: 768px) { … } } } { @media only screen { @media (orientation: portrait) { @media (min-width:480px) { … } @media (min-width: 600px) { … } @media (min-width: 768px) { … } } } { @media only screen { @media (orientation: portrait) { @media (min-width:480px) { … } @media (min-width: 600px) { … } @media (min-width: 768px) { … } } } { @media only screen { @media (orientation: portrait) { @media (min-width:480px) { … } @media (min-width: 600px) { … } @media (min-width: 768px) { … } } }
आईसीसी प्रोफाइल इमेज सपोर्ट
छवि डेटा के अलावा, कई प्रारूप (JPG, PNG, TIFF और अन्य) आपको रंगीन प्रोफ़ाइल एम्बेड करने की अनुमति देते हैं। ये
आईसीसी प्रोफाइल कार्यक्रमों को बताती हैं कि कैसे इसे और अधिक सटीक रूप से प्रदर्शित करने के लिए वर्तमान रंग प्रोफ़ाइल के साथ स्रोत छवि डेटा की व्याख्या की जानी चाहिए। नेटवर्क पर अधिकांश छवियों में रंग प्रोफ़ाइल नहीं होती है, इसलिए ब्राउज़र बिना किसी रंग सुधार के प्रदर्शित होते हैं। फिर भी, फोटोग्राफी के शौकीन और पूर्णतावादी यह जानकर प्रसन्न होंगे कि यदि उनकी छवियों में रंग प्रोफ़ाइल हैं, तो ओपेरा उन्हें बिल्कुल लेखक के रूप में दिखाएगा।
आप इस सुंदर और सुलभ उदाहरण में
ICC प्रोफाइल के बारे में अधिक पढ़ सकते हैं:
डिजिटल छवि रंग रिक्त स्थान , लेकिन यहाँ सबसे सरल उदाहरण है:
यदि ब्रूस दोनों चित्रों पर नीला है (और उनमें से एक पर गर्म और सुर्ख नहीं है), तो आपका ब्राउज़र
ICC प्रोफाइल का समर्थन नहीं करता है
।दोनों चित्र मूल छवि डेटा के संदर्भ में पूरी तरह समान हैं। वे वर्णित सिद्धांत को चित्रित करने के लिए अत्यधिक विकृत रंग पारी का उपयोग करके बनाए गए थे। लेकिन पहली तस्वीर में एक
आईसीसी रंग
प्रोफ़ाइल शामिल है जो आवश्यक सुधार की रिपोर्ट करती है, जबकि दूसरी तस्वीर में यह प्रोफ़ाइल नहीं है। इसलिए, ऐसे ब्राउज़र जो रंग प्रोफ़ाइल का समर्थन नहीं करते हैं, दोनों छवियों को किसी भी रंग सुधार (नीले विरूपण के साथ) के बिना प्रदर्शित किया जाएगा, और बुद्धिमान ब्राउज़र कार्यान्वित रंग प्रोफ़ाइल के अनुसार पहली छवि को समझेंगे और सही करेंगे।