වෙබ් අතුරුමුහුණත නිර්මාණයේ නිරන්තරයෙන් හමුවන ගැටළුවක් නම්, CSS ග්රේඩියන් කෝඩ් එක එකතු කරලා ලියන්නෙමයි. linear-gradient(135deg, #667eea 0%, #764ba2 100%) වගේ සංකීර්ණ සින්ටැක්ස් සැමවිටම මතක තබාගන්න අමාරුයි. මේ නිසා වැඩ වේගය අඩුවෙයි, දෝෂයන් වැඩි වෙයි.
ඇත්තටම, PaletteCSS වෙබ් අඩවිය දැන් නිදහස් CSS Gradient Generator එකක් දාපු නිසා, ඒ අමාරුව අතහැර දිය හැකිය. මෙම ජනකය තුනක්ම ග්රේඩියන් වර්ග (linear, radial, conic) සපයන අතර, රියල්‑ටයිම් ප්රතිදර්ශනයක්ද ලබා දෙයි. ඕනෑම කෝණයක් (ඩිග්රී 0‑360) ඇදගෙන, අංකය ටයිප් කරලා, හෝ ඩයල් අදින්න. අතිරික්තව, පළමුවරටම 5 වර්ණ නතරයන් දක්වා, ඒවායේ ස්ථානයක් ද්රැග් කරමින් සකස් කරගත හැක.
ඉතා වැදගත් දෙයක් නම්, සෑම ග්රේඩියන් එකක්ම CSS, SCSS, Tailwind ආකාර තුනේම එකවර පිටපත් කරගත හැකි බවයි. එමනිසා, ඔබේ stylesheet එකේ background ගුණය, SCSS variable එක, හෝ Tailwind class එකක් ලෙස තත්කාලිකව ඇතුළත් කරගත හැකිය. ලොග්‑ඉන් අවශ්ය නැති නිදහස් සේවාවක් වන අතර, තවත් ප්රේරණයක් සපයන gradient library එකක්ද සමඟ ඇත.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ වෙබ් සංවර්ධකයින්, UI/UX නිර්මාණකරුවන්, තාක්ෂණික විද්යාල සිසුන් සඳහා මෙම මෙවලම විශාල වාසියක් ගෙනෙනවා.
- වේගවත් prototyping: නව ව්යාපාරික වෙබ් අඩවි හෝ ඇප් UI එකක් ඉක්මනින් සකස් කර, පාරිභෝගිකයන්ට පෙරදසුනක් පෙන්විය හැක.
- දෝෂ රහිත කේතය: සින්ටැක්ස් අමතක වීම හෝ වැරදි අගයන් නිසා සිදුවන CSS ගැටළු ඉවත් වේ.
- ඉගෙනීමේ පහසුකම: සිසුන්ට gradient concepts (linear, radial, conic) සහ Tailwind, SCSS ඒකාබද්ධ කිරීමේ ක්රමයක් ප්රායෝගිකව ඉගැන්විය හැක.
- ව්යාපාරික පිරිවැය අඩු කිරීම: ග්රැෆික් ඩිසයිනර් වගකීම් අඩු කර, නිදහස් මෙවලමක් භාවිතා කිරීමෙන් ව්යාපාරික අඩවි සංවර්ධනයේ පිරිවැය අඩු වේ.
අවසන් වශයෙන්, PaletteCSS හි මෙම Gradient Generator එක ඔබේ වැඩබලන හැකියාව තවත් අධිකරයි. දැන්ම ඒක අත්හදා බලන්න, ඔබේ වර්තමාන CSS කේතය කෙටි කාලයක් තුළ අලංකාර gradient එකක් බවට පරිවර්තනය කරගන්න.
