W3C डाइजेस्ट। CSS3 में नया क्या है अंक 2

CSS3 वर्किंग ग्रुप लगातार बहस कर रहा है कि नए मानक में क्या होगा। कोई घोटालों, साजिशों और जांच नहीं। नंगे विचार, खुले विचार, नग्न तथ्य।

पिछला भाग यहाँ

रैखिक ढ़ाल में थोड़ा सा जादू

लीनियर ग्रेडिएंट खींचने का एक नया तरीका प्रस्तावित है। जैसा कि आप जानते हैं, इस तरह के भरने को ढाल लाइन ( gradient-line ) के साथ खींचा जाता है, जिसमें से प्रारंभिक बिंदु कंटेनर का केंद्र है। हालांकि, यदि आप एक ढाल चालबाज बनाना चाहते हैं, तो आप जेएस के रूप में अतिरिक्त बैसाखी के बिना नहीं कर सकते। उदाहरण के लिए, तीन रंगों के साथ एक ढाल है: ए, बी, बी। मैं कंटेनर को भरना चाहता था ताकि रंग ए ऊपरी बाएं कोने में "बंधा" हो, ऊपरी दाएं को रंग बी और निचले दाएं को रंग सी। और जब कंटेनर का आकार बदल रहा था, तो परिणाम हमेशा एक ही था।

इसमें कुछ सामान्य विचार है, लेकिन रैखिक ग्रेडिएंट के मौजूदा व्यवहार के ऊपर से "मूर्तिकला" किसी तरह थोड़ा गलत है।

पृष्ठभूमि मुद्रण को नियंत्रित करने की इच्छा

जैसा कि आप जानते हैं, पृष्ठभूमि ब्राउज़र द्वारा तब तक मुद्रित नहीं की जाती है जब तक कि उपयोगकर्ता मैन्युअल रूप से पृष्ठ की सामग्री को पृष्ठभूमि के साथ प्रिंट करने की इच्छा का संकेत नहीं देता है। लेकिन, कुछ लेखकों के लिए, इस मामले पर उपयोगकर्ता की राय को नजरअंदाज करने के लिए यह अभी भी एक स्थान पर है। सभी पृष्ठभूमि छवियों को अंधाधुंध रूप से प्रिंट करने या केवल भरने के लिए एक सुझाव था, जो @media print में परिभाषित हैं, या एक नई संपत्ति जोड़ते हैं जो स्पष्ट रूप से पृष्ठभूमि मुद्रण को इंगित करेगा। तब एक स्पष्टीकरण था कि केवल वे ही भरते हैं जो !important मांग के बिना मुद्रित किया !important चाहिए। लेकिन, एक लंबी चर्चा के बाद, प्रस्ताव पार्टी पृष्ठभूमि की छपाई को नियंत्रित करने के लिए एक सामान्य तरीके का आविष्कार करने में सक्षम नहीं थी। संरक्षण अभी भी मेरी राय में है - किसी ब्राउज़र से मुद्रण का प्रबंधन करना बेहतर है, न कि किसी पृष्ठ से।

CSS3 एनीमेशन। छिपी हुई सामग्री के साथ कठिनाइयाँ

विनिर्देश ने अभी तक यह नहीं बताया है कि एक तत्व जो display: none माध्यम से छिपा हुआ है display: none , या visibility: hidden व्यवहार करना चाहिए। जब कोई तत्व एनीमेशन के दौरान छिपा होता है, तो गेको और वेबकीट का व्यवहार थोड़ा अलग होता है: वेबकिट एनीमेशन को शुरू नहीं करता है और यदि तत्व अदृश्य है तो इसे शून्य कर देता है, और गीको अदृश्य तत्वों पर भी गुणों को पुनरावृत्त करना जारी रखता है। नतीजतन, बातचीत इस निष्कर्ष पर पहुंची कि एनीमेशन के अधिक सटीक नियंत्रण के लिए एक विशेष एपीआई की कमी थी, जिस पर एक उचित आपत्ति थी कि सभी एनिमेटेड विकृतियों को जेएस की तरफ किया जाना चाहिए, और सरलतम विशेषताओं को सीएसएस में छोड़ दिया जाना चाहिए।

नई CSS3 ग्रिड लेआउट संपादक संस्करण

CSS3 ग्रिड लेआउट मॉड्यूल को थोड़ा संशोधित किया गया है। पंक्तियों और स्तंभों के लिए साइज़िंग एल्गोरिदम का विवरण जोड़ा गया। grid-template संपत्ति थोड़ी सरल है, जिसमें छद्म तत्व grid-cell और grid-cell-stacking संपत्ति हटा दी जाती है। grid-columns और grid-rows गुणों के लिए व्याकरण तय किया गया है।

आज के लिए बस इतना ही। आपका ध्यान के लिए धन्यवाद!