- Chrome 57 में,
display: gridके लिए सहायता जोड़ी गई है. यह CSS ग्रिड लेआउट की नई सुविधा है. - अब Media Session API का इस्तेमाल करके, लॉक स्क्रीन और सूचनाओं पर उपयोगकर्ता के इनपुट को पसंद के मुताबिक बनाया जा सकता है और उनका जवाब दिया जा सकता है.
- इसके अलावा, और भी सुविधाएं हैं!
मेरा नाम पीट लेपेज है. आइए, Chrome 57 में डेवलपर के लिए क्या नया है, इस बारे में जानें!
सीएसएस ग्रिड लेआउट
Flexbox, लेआउट बनाने का एक बेहतरीन टूल है. इसकी मदद से कई जटिल लेआउट बनाए जा सकते हैं. हालांकि, यह सिर्फ़ एक डाइमेंशन में लेआउट बना सकता है. Chrome 57 में, display: grid - सीएसएस ग्रिड लेआउट स्पेसिफ़िकेशन के लिए सहायता जोड़ी गई है. साथ ही, इसमें दो डाइमेंशन वाले ग्रिड पर आधारित लेआउट सिस्टम बनाने के लिए, एक बेहतरीन नया टूल जोड़ा गया है. यह टूल, रिस्पॉन्सिव यूज़र इंटरफ़ेस डिज़ाइन के लिए ऑप्टिमाइज़ किया गया है.
ग्रिड में मौजूद एलिमेंट, एक से ज़्यादा कॉलम या पंक्तियों में हो सकते हैं. CSS ग्रिड में मौजूद क्षेत्रों को नाम भी दिया जा सकता है. इससे लेआउट कोड को समझना आसान हो जाता है.
Surma ने इस बारे में अपडेट पोस्ट लिखी है. अगर आपको इस बारे में ज़्यादा जानकारी चाहिए, तो Rachel Andrew की साइट पर जाएं: GridByExample.com.
Media Session API
वेब मीडिया ऐप्लिकेशन में, मोबाइल डिवाइसों पर मीडिया के मुख्य अनुभव के साथ बेहतर तरीके से इंटिग्रेट करने की सुविधा मौजूद नहीं है. Android के लिए Chrome में, अब Media Session API का इस्तेमाल करके, मीडिया कॉन्टेंट के साथ लॉक स्क्रीन और सूचनाओं को पसंद के मुताबिक बनाया जा सकता है.
ब्राउज़र को चलाए जा रहे कॉन्टेंट का metadata उपलब्ध कराकर, लॉक स्क्रीन पर ज़्यादा बेहतर मैसेज दिखाए जा सकते हैं. इन मैसेज में टाइटल, कलाकार, एल्बम का नाम, और आर्टवर्क जैसी जानकारी शामिल होती है. सूचना पर की गई कार्रवाइयों को सुनकर, उन पर उपयोगकर्ता की कार्रवाइयों का जवाब भी दिया जा सकता है. जैसे, वीडियो को आगे या पीछे ले जाना या स्किप करना.
अगर आपको तुरंत शुरू करना है, तो फ़्रांकोइस की अपडेट पोस्ट पढ़ें. इसके अलावा, GitHub पर Chrome मीडिया सेशन के सैंपल का आधिकारिक रिपॉज़िटरी देखें.
और भी कई सुविधाएं!
इसके अलावा, और भी बहुत कुछ है!
- Payment Request API में कुछ सुधार किए गए हैं.
caret-colorप्रॉपर्टी की मदद से, टेक्स्ट इनपुट कर्सर का रंग तय किया जा सकता है.- लाइन का रंग और स्टाइल जैसे विज़ुअल इफ़ेक्ट, नई
text-decorationप्रॉपर्टी की मदद से तय किए जा सकते हैं. - Fetch API के Response class में अब
.redirectedएट्रिब्यूट का इस्तेमाल किया जा सकता है. इससे, अविश्वसनीय जवाबों से बचा जा सकता है और ओपन रीडायरेक्टर के जोखिम को कम किया जा सकता है. - M38 में,
-webkit-प्रीफ़िक्स वाले IndexedDB के सभी ग्लोबल उपनाम हटा दिए गए हैं. - और मेरी पसंदीदा सुविधाओं में से एक —
padStartऔरpadEndके लिए, फ़ॉर्मैट करने के नए तरीके. इनकी मदद से, कंसोल आउटपुट को अलाइन करने या तय संख्या में अंकों वाली संख्याएं प्रिंट करने के दौरान, स्ट्रिंग पैडिंग को आसानी से किया जा सकता है.
डेवलपर के लिए, Chrome 57 में ये कुछ बदलाव किए गए हैं.
Igalia को शाउट आउट
आखिर में, Blink पर बेहतरीन काम करने के लिए, Igalia के इंजीनियर और टीम को धन्यवाद. वे सीएसएस ग्रिड और caret-color की नई सुविधाओं को लॉन्च करने में मददगार साबित हुए.
अप-टू-डेट रहें
अगर आपको Chrome के बारे में अप-टू-डेट रहना है और यह जानना है कि आने वाले समय में क्या-क्या नया होने वाला है, तो हमारे चैनल की सदस्यता लें या ट्विटर पर @ChromiumDev को फ़ॉलो करें. साथ ही, Chrome Dev Summit के वीडियो देखना न भूलें. इनसे आपको उन बेहतरीन सुविधाओं के बारे में ज़्यादा जानकारी मिलेगी जिन पर Chrome की टीम काम कर रही है.
मेरा नाम पीट लेपेज है. Chrome 58 के रिलीज़ होने के बाद, मैं आपको बताऊंगा कि Chrome में नया क्या है!