Apple නව Safari Technology Preview (STP) 248 නිකුත් කරමින්, වෙබ් සංවර්ධකයින්ට CSS ලෙස නව හැකියාවන් එක් කරයි. මෙහි ප්රධාන උද්දීපන වශයෙන් progress() ෆන්ක්ශන්ට no‑clamp විකල්පයක් සහ අනුරූප වර්ණ අන්තර්ගතයන්හි අතුරුදන් වූ කොටස් ඉදිරිපත් කිරීම ඇතුළත් වේ.
progress() ෆන්ක්ශන් යනු පරාමිතියක් (උදා: scroll offset, container width) 0‑1 පරාසයක සාමාන්ය අනුපාතයකට පරිවර්තනය කරන CSS ක්රමයකි. පෙර Safari අනුව, ප්රතිඵලය 0‑ට පහළ හෝ 1‑ට ඉහල වුනොත් එය සීමා කර තිබුණි. නව no‑clamp විකල්පය සමඟ, සංවර්ධකයින්ට අනුපාතය ඍණ වශයෙන් හෝ 1‑ට ඉහළව යාමට ඉඩ ලැබේ, එමඟින් scroll‑linked overshoot හෝ container query‑වල අතිරික්ත පරාසයන් නිරූපණය කිරීමට හැකියාව ලැබේ.
වර්ණ අතුරුදන් කිරීමේ නවතාම ගැන කතා කළොත්, OKLCH හෝ Lab වර්ණ පද්ධතිවල hue, a, b වැනි කොටස් අඩු වීමේදී, පසුගිය Safari ඒ කොටස් නවතම අගයක් හෝ අහෝසි කර තිබුණි. STP 248 අදාළ අන්තර්ගතයේ අන් පැත්තේ ඇති අගය “forward” කරයි, එයින් gradient හා color‑mix() හි අසම්පූර්ණ මැදින් අගයන් නිවැරදිව පෙන්වයි.
ශ්රී ලංකාවට ඇති වැදගත්කම
- ඉගෙනුම් කාර්ය මණ්ඩලය: විශ්වවිද්යාල හා පාඨමාලා වල CSS නවීනතා අධ්යයනයට නව උදාහරණ ලබා දේ.
- වෙබ් සංවර්ධකයින්: progress() no‑clamp භාවිතයෙන් සංකීර්ණ scroll‑linked UI, container query‑වල අධි පරාස නිරූපණය කරගත හැක.
- ව්යාපාරික වෙබ් අඩවි: වර්ණ interpolation නවතාම නිසා gradient‑වල visual consistency වැඩිවීම, branding එකට වඩා හොඳ අනුකූලතාවයක්.
- ප්රවේශය (Accessibility): VoiceOver hidden="until-found" සහ aria‑label තවත් නවීකරණය කර ඇති නිසා, අක්ෂර පරිශීලකයින්ට අන්තර්ගතය හොඳින් කියවිය හැක.
අන් CSS නවීකරණයන් ලෙස scroll‑snap re‑snap තීරණය, var() fallback නීති අනුගමනය, CSSViewTransitionRule serialization නිවැරදි කිරීමද ඇතුළත්ය. මෙම සියලු වෙනස්කම් නව Safari Technology Preview එකේ පරීක්ෂා කර, @supports භාවිතයෙන් production වෙබ් අඩවි වලට ක්රියාත්මක කළ හැක.
එසේම, අදාළ ප්රවේශය (accessibility) යාවත්කාලීන කිරීම් ගැටළු රහිතව භාවිතා කළ හැකි බැවින්, ශ්රී ලංකාවේ වෙබ් අඩවි නිර්මාණය කරන සැමට මේ නවීකරණය වැදගත් පියවරක් වේ.
