ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-21, Tuesday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

Jelly UI: වෙබ් ෆෝම් වලට නව ජෙලි‑සම Soft‑Body භෞතික ලයිබ්‍රරිය

Jelly UI: වෙබ් ෆෝම් වලට නව ජෙලි‑සම Soft‑Body භෞතික ලයිබ්‍රරිය

Jelly UI නමට අලුත්ම JavaScript ලයිබ්‍රරියක් පෙන්වයි – HTML ෆෝම් කොම්පෝනන්ට් වලට සොෆ්ට්‑බොඩි භෞතික විද්‍යාව එක්කර, බොත්තම්, චෙක්බොක්ස්, ටෙක්ස්ට් ෆීල්ඩ් වගේ අංගවලට ජෙලි වගේ ගැලවීම, කම්පනය වීම වැනි සජීවී හැඩයක් ලබා දෙයි.

මෙම ලයිබ්‍රරිය පළමු වරට දැකගත් විට, බොහෝ සංවර්ධකයන් “නව දේ පේනවා, නමුත් ප්‍රායෝගිකද?” කියලා සිතයි. වාසිදායක UI එකක් සඳහා ප්‍රථමයෙන් කාර්ය සාධනය, ප්‍රවේශය, නඩත්තු පහසුව යන කරුණු වැදගත්. බොත්තමකට භෞතික ගතිකතා එකතු කිරීම UI එක අඩු වේගයක් වීමට හෝ screen reader වලට ගැටලුවක් වීමට හේතුවක් විය හැකිය.

කෙසේ වෙතත්, Jelly UI පරික්ෂා කිරීමෙන් පසු, එය කෙලවරේ “නවකම” එකක් පමණක් නොව, වෙබ් ෆෝම් වල අත්දැකීම උසස් කරයි. උදාහරණයක් ලෙස, සබ්මිට් බොත්තම ක්ලික් කිරීමේදී එය තදින් පීඩනයට ලක්වී, පසුව මන්දගාමීව නැවත ආකාරයට පෙනේ. මෙය පරිශීලකයාට “දත්ත සකස් කරමින්” කියා දෘශ්‍යම පණිවුඩයක් දෙයි. තවත් උදාහරණයක් ලෙස, ටොගල් ස්විච් එක කම්පනයකින් ස්ථානයට පැමිණීම, තත්ත්ව වෙනස තේරුම් ගැනීමට අධික සතුටක් එක් කරයි.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ නවකර්මික සංවර්ධකයන්, UI/UX පාඨමාලා ගන්නා සිසුන්, සහ තාක්ෂණික ආරම්භකයන්ට Jelly UI වැනි නව නිර්මාණ භාවිතා කිරීමේ ප්‍රයෝජන බොහොමයක් ඇත.

  • වෙනත් ව්‍යාපාරික අත්දැකීම: ශ්‍රී ලංකාවේ SaaS, ඩිජිටල් වෙළඳපොළේ තරගකාරීත්වය වැඩිදියුණු කිරීම සඳහා අලංකාර, අන්තර්ක්‍රියාශීලී UI එකක් ඉදිරිපත් කළ හැකිය.
  • ඉගෙනුම් අවස්ථා: විශ්වවිද්‍යාල, තාක්ෂණික පාඨමාලා තුළ Soft‑Body physics හා JavaScript integration ගැන අධ්‍යාපනික කථා බෙදා හදා ගැනීමට වඩාත් උචිත වේ.
  • ආර්ථික වර්ධනය: නිර්මාණශීලී UI එකක් සමඟ වෙබ් යෙදුම් නිර්මාණය කිරීම, ග්‍රාහක අත්දැකීම උසස් කර, පාරිභෝගික නිරතුරුවම තබා ගැනීමට සහ ප්‍රතිඵලය වැඩි කිරීමට උපකාරී වේ.

සම්භාව්‍ය ව්‍යාපාරික CRUD යෙදුම් සඳහා මෙය අතිරේක විය හැකි නමුත්, ප්‍රධාන CTA බොත්තමක් හෝ වැදගත් ඉන්පුට් එකක් සඳහා සුළු ජෙලි ප්‍රභාවයක් එක් කිරීම, පරිශීලක අවධානය කෙලෙසත් අඩු නොකර, අත්දැකීම උසස් කරයි.

ඉදිරියට බලන විට, Soft‑Body physics UI/UX toolkit එකේ සාමාන්‍ය භාවිතයක් නොවන්නට ඉඩ ඇත. මයික්‍රො‑අන්තර්ක්‍රියා CSS transition, Lottie animation වැනි දේවල් පරිවර්තනය කරමින්, Jelly UI වැනි තාක්‍ෂණය වෙබ් අතුරුමුහුණතට භෞතික හැඟීමක් එක් කරයි. AI‑සහයෝගිතා සහ ඉක්මන් වැඩ පාරිභෝගිකයන්ගේ අවධානය දිනා ගැනීමට, අපිට කාලයක් පසු නොවෙයි.

ඔබේ අදහස කුමක්ද? Jelly UI අනාගතයේ අතුරුමුහුණත් නිර්මාණයට නව මාවතක් විවෘත කරයිද, නැතිනම් විනෝදයක් පමණක්ද?

💡 ඔබේ වෙබ් අතුරුමුහුණතට Jelly UI එකතු කර බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Jelly UI #UI/UX #Web Forms #Frontend #Sri Lanka