වෙබ් අඩවියක් සකස් කරන විට බොත්තම් රූපලාවන්ය තෝරාගැනීම අනාගතයෙන් බොහෝ වේලාවක් ගත කරවයි. සරළ, මෘදු, වර්ණවත්, අඳුරු, රේඛාගත හෝ අමුතු රූපයක් අවශ්ය වුවත්, විවිධ CSS කේතය සංස්කරණය කරමින් පිටුව නැවත පූරණය කිරීමේ පනස් පනස් වාරයක් ගත වෙයි.
ඒ අභියෝගය විසඳා ගැනීමට, Uni928 විසින් බ්රවුසරයක් තුළ ක්රියාත්මක වන බොත්තම් ප්රදර්ශන පිටුවක් නිර්මාණය කර ඇත. https://uni928.github.io/Uni928PublicHTMLs/index78.html වෙත ගොස්, කිසිදු සෙටප් එකක් අවශ්ය නොවී, බොත්තම් රූපලාභයන් පිරික්සිය හැකිය.
මෙම පිටුවේ ලාල්බුහුටි, තනි වර්ණ, අඳුරු, ග්රැඩියන්ට්, රේඛාගත, වටකුරු, පයිල්-ශේප්, අයිකන සමග බොත්තම් ඇතුළත් වේ. සැබැවින්ම ක්රියාත්මක වන බොත්තම් ලෙස පෙන්වීම නිසා, හෝවර්, ෆොකස්, ක්ලික් තත්ත්වයන් නිරීක්ෂණය කළ හැකිය. ඉතා වැදගත් වන්නේ, බොත්තමක් මත ක්ලික් කිරීමෙන් එම රූපලාවන්යයට අදාළ HTML + CSS කේත කොටසක් ස්වයංක්රීයව පිටපත් වීමයි. එම කේතය නව ගොනුවකට පේස්ට් කර, වහාම පරීක්ෂා කළ හැකිය.
තවද, ඉක්මන් පිටපත් පැනලයක්, නිතර භාවිතා කරන බොත්තම් වර්ග සඳහා තවත් පිටපත් බොත්තමක්, පිටපත් සාර්ථක වූ පසු දෘශ්ය ප්රතිචාරයක් වැනි අතිරේක පහසුකම්ද ඇත. ඒ නිසා, ඔබට බොහෝ රූපලාවන්ය තරඟ කරමින්, ඉක්මනින් වඩා හොඳම එක තෝරාගත හැකිය.
ශ්රී ලංකාවට ඇති වැදගත්කම
- සිසුන් – වෙබ් ප්රොග්රැමින් ඉගෙනීමේදී, බොත්තම් නිර්මාණය සඳහා කාලය බෙදාගැනීමට අවශ්ය නැතිව, මූලික HTML/CSS උදාහරණයන් තත්ක්ෂණිකව ලබා ගනිමින් ඉගෙනීම වේගවත් වේ.
- ඩිවෙලප්රයි – පාරිභෝගික UI අවශ්යතා මත ඉක්මනින් ප්රොටොටයිප් හෝ කුඩා ව්යාපෘති සකස් කළ හැකි අතර, GitHub Pages වැනි ස්ථානවලට සෘජුවම පිටපත් කළ හැකිය.
- ව්යාපාර – වෙළෙඳ දැන්වීම් පිටුවක්, ලැන්ඩින් පිටුවක් හෝ අභ්යන්තර පද්ධතියක් සකස් කරන විට, වර්ණ සහ ශෛලී සංයෝජන තරඟ කිරීමේදී කාලය අඩු කර, නිෂ්පාදන කාලය කෙටි කරයි.
සාරාංශයක් ලෙස, මෙය සම්පූර්ණ UI ෆ්රේම්වර්ක් එකක් නොව, බොත්තම් අදහස් එකතුවක් වන අතර, ඔබට ලේඛන පරීක්ෂා කිරීම හෝ අතුරුදන් වීමේ අඩුපාඩු නැතිව, අවශ්ය රූපලාවන්යය තෝරා, කෙටි කේතයක් පිටපත් කරගත හැකිය. ඔබේ ඊළඟ ව්යාපෘතියට මේ පහසුකම භාවිතා කර බලන්න!
