ඔබට පියාසර කරන විට UI මූලාකෘති නිර්මාණය කිරීමට සහ බෙදා ගැනීමට ඉඩ දෙන වෙබ් යෙදුමක් හෝ දිගුවක් තිබුණාට ඔබ කවදා හෝ කැමතිද?
අප සියලු දෙනා කරන්නේ! අපගේ වෙබ් අඩවි හෝ යෙදුම් පෙනුමට සහ දැනීමට අපට අවශ්ය ආකාරය පිළිබඳ අදහස් අප සැමට තිබේ.
ඉතින්, ඔබ නියම නිර්මාණයක් සමඟ පැමිණි අතර ඔබ එය කළ ආකාරය හරියටම මතක නැත?
දැන් ඔබට එය බෙදා ගැනීමට ක්රමයක් සොයාගත යුතුය. ඔබ ඉතා සංකීර්ණ නිර්මාණයක් බෙදා ගැනීමට උත්සාහ කරන්නේ නම් මෙයට දින, සති පවා ගත විය හැක.
ඔබගේ වෙබ් යෙදුම් මූලාකෘති සෑදීමට බලා සිටීමට හේතුවක් නැත. ඒවා දැන් ඩබ්ලට් සමඟින් සාදන්න.
මූලද්රව්ය ඇද දමන්න, මෝස්තර කරන්න, සහ එය සුරකින්න. සමාලෝචනය සඳහා එය නිර්මාණකරුවෙකු වෙත යවන්න හෝ එය ඉදිරිපත් කිරීමකට පිටපත් කරන්න. හැකියාවන් නිමක් නැත.
Dabblet යනු කුමක්ද?
භාවිතා කරමින් ඩබ්ලට්, ඔබට තත්ය කාලීනව CSS සහ HTML කේතයේ කුඩා කොටස් සමඟ අත්හදා බැලිය හැක.
මෙය භාවිතා කරන විට ඔබේ CSS කේතයේ කිසිදු උපසර්ගයක් අවශ්ය නොවේ. GitHub සාරාංශ ඔබට ඔබේ අන්තර්ගතය ගබඩා කිරීමට, වෙනත් වෙබ් අඩවිවල පළ කිරීමට සහ අන් අය සමඟ බෙදා ගැනීමට ඉඩ සලසයි.
වෙනත් සංවර්ධකයින් සමඟ කේත කොටස් බෙදා ගැනීමට සහ ප්රතිපෝෂණ ලබා ගැනීමට මෙය හොඳ ක්රමයකි.
එය ක්රියාත්මක වන්නේ කෙසේද?
කේතය ටයිප් කළ වහාම දෘශ්ය ප්රතිදානය එය මත ක්ෂණිකව දිස්වේ. ජාවාස්ක්රිප්ට් එය හුදකලා නිදහස් කිරීමකි, එය සෑම යතුරු පහරකදීම එය ක්රියාත්මක කිරීම කෝපයට කරුණක් වන අතර ඇතැම් අවස්ථාවලදී බ්රවුසරය භාවිතයට ගත නොහැකි තත්ත්වයට පත්වීමට පවා හේතු විය හැක.
JavaScript පටිත්තෙහි “Run JS” විකල්පය හෝ යතුරුපුවරු කෙටිමඟ (Ctrl + Enter හෝ Cmd + Enter) භාවිතයෙන් Dabblet එකක් ක්රියාත්මක වන විට JavaScript ධාවනය කරනු ඇත. විකල්ප මෙනුව ඔබට මෙම ශෛලිය වෙනස් කිරීමට ඉඩ සලසයි.
සංවර්ධකයෙකු ලෙස, ඔබට මෙම භාෂා තුනෙන්ම එකවර කේතනය කිරීම හෝ නිමි භාණ්ඩය බැලීම අතර මාරු විය හැක.
විශේෂාංග
ඔබ දැනගත යුතු Dabblet හි විශේෂාංග පහත දැක්වේ:
ඉක්මන් CSS සංස්කරණය: ඔබට ඉක්මනින් CSS ගුණාංග එක් කිරීමට, සංස්කරණය කිරීමට සහ ඉවත් කිරීමට හැකිය. වෙනස්කම් තත්ය කාලීනව පිටුවේ පිළිබිඹු වේ.
වාක්ය ඛණ්ඩ උද්දීපනය: CSS සහ HTML කේත වාක්ය ඛණ්ඩ උද්දීපනය කර ඇති අතර, එය කියවීමට සහ තේරුම් ගැනීමට පහසු වේ. ඔබ ටයිප් කරන විට කේතයද වලංගු වේ. ඔබ කැමති නම් කේත කොටුව සැඟවීමටද ඔබට තේරිය හැක.
ස්වයං-සම්පූර්ණ: CSS ගුණාංග සහ අගයන් සඳහා Dabblet ස්වයංක්රීයව සම්පූර්ණ කරයි. ඔබ මෝස්තර පත්රිකා නිර්මාණය කරන විට හෝ සංස්කරණය කරන විට මෙය ඉතා ප්රයෝජනවත් විය හැක.
පෙර-සාදන ලද CSS මෝස්තර පත්ර: ඔබට ජනප්රිය වෙබ් අඩවි වලින් පෙර-සාදන ලද CSS මෝස්තර පත්ර වෙත ප්රවේශ විය හැක. ඔබේම වෙබ් අඩවියට ඉක්මනින් සහ පහසුවෙන් මෝස්තර එකතු කිරීමට මේවා භාවිතා කළ හැක.
සාරාංශ සහාය: Dabblet GitHub Gists සඳහා සහය දක්වයි, ඔබේ කේත කොටස් පහසුවෙන් අන් අය සමඟ ගබඩා කිරීමට සහ බෙදා ගැනීමට ඔබට ඉඩ සලසයි.
සජීවී පෙරදසුන: පිටුව නැවත පූරණය නොකර තත්ය කාලීනව ඔබගේ කේත වෙනස්වීම් වල ප්රතිඵල ඔබට දැක ගත හැක. උදාහරණයක් ලෙස, ඔබ අකුරු වල වර්ණය වෙනස් කරන්නේ නම්, ඔබ ටයිප් කරන විට පෙළෙහි ඇති වෙනස ඔබට පෙනෙනු ඇත.
යතුරුපුවරු කෙටිමං: Dabblet හට නව මෝස්තර රීතියක් එක් කිරීම හෝ අදහස් දැක්වීම වැනි පොදු කාර්යයන් සඳහා යතුරුපුවරු කෙටිමං ඇත.
බහු දර්ශන මාතයන්: Dabblet ඔබට කේතය සහ ප්රතිඵල එක පැත්තකින් හෝ උඩින් සහ පහළින් බැලීමට ඉඩ සලසන බහුවිධ දර්ශන මාතයන් පිරිනමයි.
කිහිප දෙනකුගේ
- ඉක්මන් CSS
- ඔබ පුරනය වී සිටියත්, ඔබට තවමත් අප්රකටව සුරැකිය හැක.
- කෝණ, වර්ණ, කාලසීමාව වැනි විවිධ පරාමිති සඳහා පේළිගත CSS අගය පෙරදසුන්.
- සෑම දෙයක්ම XHR-ed වේ, එබැවින් ඔබ සුරැකීමේදී පවා පිටුව කිසිදා නැවුම් නොවේ.
- යතුරුපුවරු කෙටිමං විශාලයි.
- සියලුම කේතය ස්වයංක්රීයව හැඩගස්වා ඇත (සලකුණු කිරීම හැර).
- ගමනේ සිට ශක්තිමත් ලියකියවිලි.
අවාසි
- අතුරු මුහුණත මුලදී ටිකක් වැඩියි, නමුත් ඔබ එයට පුරුදු වී ඇත.
- ව්යාපෘති මට්ටමේ කළමනාකරණ විශේෂාංග නොමැත (තවමත්).
ඩබ්ලට් ඒකාබද්ධ කිරීම්
ඕනෑම වේදිකාවක් වෙනත් සේවාවන් සමඟ ඒකාබද්ධ කිරීමට අවශ්ය වන අතර, Dabblet යනු ව්යතිරේකයක් නොවේ. පහත දැක්වෙන්නේ Dabblet විසින් සපයනු ලබන ඒකාබද්ධ කිරීම් කිහිපයකි:
Google Analytics
ඔබට පහසුවෙන් ඔබගේ Google Analytics ලුහුබැඳීමේ කේතය Dabblet පිටු වෙත එක් කළ හැක. මෙය ඔබට ඔබේ Dabblet සඳහා පිටු බැලීම් සහ අනෙකුත් සංඛ්යාලේඛන නිරීක්ෂණය කිරීමට ඉඩ සලසයි.
උබුන්ටු
උබුන්ටු තේමා නිර්මාණය කිරීමට ඩබ්ලට් භාවිතා කළ හැක. ඔබට නව Dabblet එකක් සෑදිය හැක, CSS සහ HTML කේතය එකතු කරන්න, සහ වෙබ් බ්රවුසරයක තේමාව පෙරදසුන් කරන්න.
ඩිජිටල් ඕෂන්ස්
එක් ආකාරයක වලාකුළු සත්කාරක සමාගමක් ව්යාපාර සඳහා වලාකුළු පරිගණක සේවා සපයන අතර, ඔවුන්ගේ මෙහෙයුම් වඩාත් කාර්යක්ෂමව වර්ධනය කිරීමට ඉඩ සලසයි.
ඩබ්ලට් එයට කරන්නේ කුමක්ද?
ඔබට දැන් ඔබේ Dabblets නිර්මාණය කිරීමට, කළමනාකරණය කිරීමට සහ යෙදවීමට හැකිය ඩිජිටල් සාගර අවකාශයන්.
මෙය ඔබට ඔබගේ සියලුම කේත කොටස් එක තැනක තබා ගැනීමට සහ ඒවා අන් අය සමඟ බෙදා ගැනීමට පහසු කරයි.
ඩබ්ලට් සඳහා විකල්ප
විකල්ප සෑම විටම පවතින අතර, ඒ ආකාරයෙන්ම, ඩබ්ලට් සම්බන්ධයෙන් යමෙකුට මෙනෙහි කිරීමට කිහිපයක් මෙන්න:
Pastebin.com
ක්රමලේඛකයින් සාමාන්යයෙන් මූලාශ්ර කේතය හෝ වින්යාස දත්ත කොටස් සුරැකීමට වෙබ් අඩවිය භාවිතා කරයි. කෙසේ වෙතත්, සපයා ඇති අවකාශයට ඕනෑම කෙනෙකුට ඕනෑම පෙළක් තැබිය හැකිය.
JS බින්
JS Bin යනු JavaScript සඳහා නොමිලේ පරීක්ෂණ මෙවලමකි. ජාවාස්ක්රිප්ට් එක කවුළුවක සහ HTML ඇතුළු කළ පසු ප්රතිඵලය කෙටි URL එකක් හරහා බෙදා ගත හැක. ඔබට බහුලව භාවිතා වන JS පුස්තකාල වලින් තෝරා ගැනීමට ඉඩ සලසන මෙනුවක් භාවිතා කරන්න.
CssDeck
ඔබගේ කේතීකරණ ප්රයත්නවලදී ඔබට උපකාර කළ හැකි අන් අය සමඟ පරීක්ෂණ අවස්ථා නිර්මාණය කිරීම සහ හුවමාරු කිරීම සඳහා මෙම මෙවලම විශිෂ්ටයි. විවිධ විකල්ප සමඟ, ඔබට වෙනත් ක්රමලේඛකයින් සමඟ ක්ෂණිකව ව්යාපෘති සඳහා සහයෝගී විය හැකිය.
ප්ලෙන්කර්
Plunker යනු වෙබ් සංවර්ධකයින්ට ඔවුන්ගේ සිතුවිලි සැලසුම් කිරීමට, සහයෝගයෙන් කටයුතු කිරීමට සහ බෙදා ගැනීමට හැකි ඩිජිටල් වේදිකාවකි.
උදාහරණයක් ලෙස, ඔබට "ආයුබෝවන්, ලෝකය!" සමඟ ආරම්භ කළ හැකිය. ඕනෑම භාෂාවකින් වැඩසටහන් කරන්න සහ පොහොසත් ඉගෙනුම් අත්දැකීමක් නිර්මාණය කිරීම සඳහා කේත කොටස්, සලකුණු සහ තිරපිටපත් එක් කරන්න.
අවසන් වචනය
අවසාන වශයෙන්, ඩබ්ලට් යනු වෙබ් සංවර්ධකයින් සඳහා ප්රයෝජනවත් මෙවලමකි, විශේෂයෙන් ඉක්මනින් සහ පහසුවෙන් කිරීමට ක්රම සොයන අයට ඔවුන්ගේ කේතය පරීක්ෂා කරන්න.
එහි විවිධ විශේෂාංග සහ ඒකාබද්ධ කිරීම් සමඟින්, මෙම වේදිකාව සඳහා භාවිතයක් සොයා නොගැනීම දුෂ්කර ය.
අද එය උත්සාහ කරන්න!
ඔබමයි