Chrome की टीम, कम्यूनिटी की समस्याओं के जवाब देती है.

Android पर Chrome 135 से, Chrome का वर्शन पूरी स्क्रीन पर दिखने वाला हो जाएगा.

बेहतरीन वेब अनुभव बनाना

जानें कि स्क्रोल करने पर चलने वाले और स्क्रोल करने पर ट्रिगर होने वाले ऐनिमेशन, कहानी वाले लेखों को कैसे बेहतर बनाते हैं

अब attr() फ़ंक्शन का इस्तेमाल, कस्टम प्रॉपर्टी के साथ-साथ किसी भी सीएसएस प्रॉपर्टी के साथ किया जा सकता है. साथ ही, यह वैल्यू को स्ट्रिंग के अलावा अन्य डेटा टाइप में पार्स कर सकता है.

Chrome DevRel टीम और स्केटबोर्डिंग वाले Chrome Dino के साथ, साल 2024 में Chrome और वेब प्लैटफ़ॉर्म के लिए लॉन्च की गई नई सीएसएस के बारे में जानें.

Chrome 131 का वर्शन लॉन्च हो गया है! ज़्यादा सीएसएस स्टाइल के साथ जानकारी वाले एलिमेंट, पेज मार्जिन बॉक्स के साथ आसान प्रिंट लेआउट, और बहुत कुछ.

अब ::details-content स्यूडो-एलिमेंट का इस्तेमाल करके, डिसप्ले टाइप सेट किया जा सकता है. साथ ही, उस हिस्से के लिए कंटेनर की स्टाइल भी सेट की जा सकती है जो बड़ा और छोटा होता है.

Chrome 130 का वर्शन लॉन्च हो गया है! 'पिक्चर में पिक्चर' विंडो से, आपको पिक्चर में पिक्चर विंडो पर ज़्यादा कंट्रोल मिलता है. सीएसएस नेस्ट किए गए एलान से कुछ पेचीदा केस ठीक हो जाते हैं. साथ ही, यह तय किया जा सकता है कि एक से ज़्यादा लाइनों में अलग-अलग एलिमेंट पर की गई सजावट का क्या तरीका है. Chrome 130 में डेवलपर के लिए क्या नया है, इस बारे में पूरी जानकारी पीट लेपेज के पास है.

एक पेज के ऐप्लिकेशन में इस्तेमाल करने के लिए, एक ही दस्तावेज़ के व्यू में बदलाव करने की सुविधा का इस्तेमाल शुरू करें.

`interpolate-size` और `calc-size()` का इस्तेमाल करके, साइज़ तय करने वाले इनट्रिन्सिक कीवर्ड पर ऐनिमेशन लागू करना

ज़्यादातर लोग, व्यू ट्रांज़िशन एपीआई को बेहतर तरीके से इस्तेमाल करना शुरू कर रहे हैं. इसलिए, अब कुछ ग़लतफ़हमियों को दूर करने का समय आ गया है.

Google I/O 2024 में, सीएसएस और वेब यूज़र इंटरफ़ेस (यूआई) से जुड़ी सभी सूचनाएं पढ़ें.

MPA के लिए क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन, ऐक्टिव टाइप के साथ चुनिंदा व्यू ट्रांज़िशन, और व्यू-ट्रांज़िशन-क्लास के साथ ऐनिमेशन स्टाइल शेयर करने का एलान.

पारदर्शिता बाज़ार, RedBus, और Tokopedia के साथ स्क्रोल करके चलने वाले ऐनिमेशन के फ़ायदों के बारे में जानें.

जानें कि सीएसएस और यूज़र इंटरफ़ेस (यूआई) की नई सुविधाएं लागू करने से ई-कॉमर्स साइटों को किस तरह फ़ायदा मिलता है. जैसे, ट्रांज़िशन, स्क्रोल करके दिखाए जाने वाले ऐनिमेशन, पॉपओवर एपीआई वगैरह.

स्क्रोल करके चलने वाले ऐनिमेशन के बारे में जानने के लिए, 10 हिस्सों का वीडियो कोर्स

मैसनरी और ग्रिड को अलग-अलग निर्देशों में तय करने का प्रस्ताव.

अपने मल्टी-पेज ऐप्लिकेशन (MPA) में इस्तेमाल के लिए, क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन का इस्तेमाल शुरू करें.

व्यू ट्रांज़िशन एपीआई की मदद से, किसी वेबसाइट के व्यू के बीच ट्रांज़िशन जोड़ा जा सकता है.

Chrome 122 के बाद से `::backdrop` एलिमेंट अपने मूल एलिमेंट से प्रॉपर्टी इनहेरिट करता है.

स्क्रोलबार को स्टाइल करने के लिए, `scrollbar-width` और `scrollbar-color` प्रॉपर्टी का इस्तेमाल करना है.

एक जैसे `नाम` वाले कई `` एलिमेंट के साथ एक खास अकॉर्डियन बनाएं.

साल 2023, सीएसएस के लिए शानदार रहा! जानें कि इस साल Chrome और वेब प्लैटफ़ॉर्म पर क्या नया है.

अपने DOM के सीमित सबट्री में ही एलिमेंट चुनने के लिए, @scope का इस्तेमाल करने का तरीका जानें.

पेश है Linear(), जो सीएसएस में एक ईज़िंग फ़ंक्शन है. यह अपने पॉइंट के बीच लीनियर इंटरपोलेट करता है और इसकी मदद से, बाउंस और स्प्रिंग इफ़ेक्ट को फिर से बनाया जा सकता है.

Google I/O 2023 में हाइलाइट की गई 20 सबसे लोकप्रिय सीएसएस और यूज़र इंटरफ़ेस (यूआई) सुविधाएं, जिन्हें आप छोड़ना नहीं चाहेंगे.

स्क्रोल करने की टाइमलाइन और 'टाइमलाइन देखें' के साथ काम करने का तरीका जानें. इससे, डिक्लेरेटिव टोन में स्क्रोल करके ऐनिमेशन बनाए जा सकते हैं.

हमारी पसंदीदा सीएसएस प्रीप्रोसेसर सुविधाओं में से एक अब भाषा में बनाई गई है: नेस्टिंग स्टाइल रूल.

सीएसएस वर्किंग ग्रुप, सीएसएस में नेस्टिंग तय करने के सबसे अच्छे तरीके को लेकर बहस जारी है. अगर आप सीएसएस लिखते हैं, तो हमें आपकी मदद चाहिए.

Chrome 108 में, व्यूपोर्ट के साइज़ में बदलाव करने के तरीके में क्या बदलाव आ रहे हैं, Chrome यह बदलाव क्यों कर रहा है, और इसकी तैयारी करने के लिए क्या किया जा सकता है.

Chrome 106 अब रोल आउट किया जा रहा है. नंबर फ़ॉर्मैट करते समय आपको ज़्यादा कंट्रोल देने के लिए, नए Intl API उपलब्ध हैं. नए पॉप-अप एपीआई को ऑरिजिन ट्रायल के तौर पर उपलब्ध कराया गया है. इससे, लोगों को ज़रूरी कॉन्टेंट दिखाने में आसानी होती है. सीएसएस में कुछ सुधार किए गए हैं. इसके अलावा, और भी बहुत कुछ है.

Chrome DevTools में हाल ही में हुए कुछ बदलावों पर एक नज़र डालें. इनसे बंडलर, फ़्रेमवर्क, और तीसरे पक्ष के कोड का इस्तेमाल करते समय, डीबग करने और प्रोफ़ाइल बनाने के आपके अनुभव को बेहतर बनाया जाता है.

Angular को टेस्ट पायलट के तौर पर इस्तेमाल करके, Chrome DevTools और Angular टीम ने मिलकर, आपको डीबग करने का बेहतर अनुभव दिया है. अन्य फ़्रेमवर्क भी इसी तरह के बदलाव भेज सकते हैं.

"कैस्केड लेयर एक नया CSS API है, जिससे आपको जल्द ही सभी मॉडर्न ब्राउज़र में आपके कोड की कैस्केड प्राथमिकता को मैनेज करने में मदद मिलेगी."

Chrome 89 अब रोल आउट किया जा रहा है! WebHID, WebNFC, और Web Serial ने अपने ऑरिजिन ट्रायल के बाद अब काम करना बंद कर दिया है. अब ये सुविधाएं बिना किसी रुकावट के उपलब्ध हैं. हम ऐसे कुछ डेवलपर के लिए लूपहोल बंद कर रहे हैं जिनका इस्तेमाल PWA इंस्टॉल करने की क्षमता की जांच से बचने के लिए किया जाता था. वेब शेयर और वेब शेयर टारगेट, डेस्कटॉप पर उपलब्ध होते हैं. इसके अलावा, और भी बहुत कुछ है!

Introducing two new JavaScript events: scrollSnapChange and scrollSnapChanging.

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.