શું તમે ક્યારેય ઈચ્છો છો કે કોઈ વેબ એપ્લિકેશન અથવા એક્સ્ટેંશન હોય જે તમને ફ્લાય પર UI પ્રોટોટાઇપ બનાવવા અને શેર કરવા દે?
અમે બધા કરીએ છીએ! અમે અમારી સાઇટ્સ અથવા ઍપ્લિકેશનો કેવી રીતે દેખાવા અને અનુભવવા માંગીએ છીએ તેના વિચારો આપણા બધા પાસે છે.
તેથી, તમે ખરેખર એક મહાન ડિઝાઇન સાથે આવ્યા છો અને તમે તે કેવી રીતે કર્યું તે બરાબર યાદ નથી?
હવે તમારે તેને શેર કરવાની રીત શોધવી પડશે. જો તમે એક સુંદર જટિલ ડિઝાઇન શેર કરવાનો પ્રયાસ કરી રહ્યાં હોવ તો આમાં દિવસો, અઠવાડિયા પણ લાગી શકે છે.
તમારી વેબ એપ્લિકેશન પ્રોટોટાઇપ બનાવવા માટે રાહ જોવાનું કોઈ કારણ નથી. તેને હવે ડબ્બલેટ વડે બનાવો.
તત્વોને ખેંચો અને છોડો, શૈલી કરો અને તેને સાચવો. તેને સમીક્ષા માટે ડિઝાઇનરને મોકલો અથવા તેને પ્રસ્તુતિમાં કૉપિ કરો. શક્યતાઓ અનંત છે.
ડબલેટ શું છે?
મદદથી ડabબ્લેટ, તમે રીઅલ-ટાઇમમાં CSS અને HTML કોડના નાના સ્નિપેટ્સ સાથે પ્રયોગ કરી શકો છો.
આનો ઉપયોગ કરતી વખતે તમારે તમારા CSS કોડમાં કોઈ ઉપસર્ગની જરૂર પડશે નહીં. GitHub સાર તમને તમારી સામગ્રીને સંગ્રહિત કરવા, તેને અન્ય સાઇટ્સ પર પોસ્ટ કરવા અને અન્ય લોકો સાથે શેર કરવાની મંજૂરી આપે છે.
અન્ય વિકાસકર્તાઓ સાથે કોડ સ્નિપેટ્સ શેર કરવા અને પ્રતિસાદ મેળવવાની આ એક સરસ રીત છે.
તે કેવી રીતે કાર્ય કરે છે?
કોડ ટાઈપ થતાની સાથે જ તેની ટોચ પર વિઝ્યુઅલ આઉટપુટ તરત જ દેખાય છે. જાવાસ્ક્રિપ્ટ દરેક કીસ્ટ્રોક પર તેને ચલાવવામાં બળતરા થશે અને અમુક પરિસ્થિતિઓમાં બ્રાઉઝર બિનઉપયોગી બની શકે છે.
JavaScript ટૅબમાં "Run JS" વિકલ્પનો ઉપયોગ કરીને અથવા કીબોર્ડ શૉર્ટકટ (Ctrl + Enter અથવા Cmd + Enter) જ્યારે Dabblet ચાલશે ત્યારે JavaScript ચાલશે. વિકલ્પો મેનૂ તમને આ શૈલી બદલવાની મંજૂરી આપે છે.
ડેવલપર તરીકે, તમે આ ત્રણેય ભાષાઓમાં એકસાથે કોડિંગ અથવા ફિનિશ્ડ પ્રોડક્ટ જોઈને વચ્ચે સ્વિચ કરી શકો છો.
વિશેષતા
નીચે આપેલ ડૅબલેટની વિશેષતાઓ છે જેના વિશે તમારે જાણવું જોઈએ:
ઝડપી CSS સંપાદન: તમે ઝડપથી CSS ગુણધર્મો ઉમેરી, સંપાદિત અને દૂર કરી શકો છો. ફેરફારો રીઅલ-ટાઇમમાં પૃષ્ઠ પર પ્રતિબિંબિત થશે.
સિન્ટેક્સ હાઇલાઇટિંગ: CSS અને HTML કોડ વાક્યરચના પ્રકાશિત કરવામાં આવે છે, જે તેને વાંચવા અને સમજવામાં સરળ બનાવે છે. તમે જેમ ટાઇપ કરશો તેમ કોડ પણ માન્ય કરવામાં આવશે. જો તમે ઇચ્છો તો તમે કોડ બોક્સને છુપાવવાનું પણ પસંદ કરી શકો છો.
સ્વતઃ-પૂર્ણ: Dabblet CSS ગુણધર્મો અને મૂલ્યો માટે સ્વતઃ-પૂર્ણ ઓફર કરે છે. જ્યારે તમે સ્ટાઈલશીટ્સ બનાવી રહ્યા હોવ અથવા સંપાદિત કરો ત્યારે આ ખૂબ જ મદદરૂપ થઈ શકે છે.
પૂર્વ-બિલ્ટ CSS સ્ટાઇલશીટ્સ: તમે લોકપ્રિય વેબસાઇટ્સમાંથી પૂર્વ-બિલ્ટ CSS સ્ટાઇલશીટ્સને ઍક્સેસ કરી શકો છો. આનો ઉપયોગ તમારી પોતાની વેબસાઇટ પર ઝડપથી અને સરળતાથી શૈલીઓ ઉમેરવા માટે થઈ શકે છે.
ભાવાર્થ આધાર: Dabblet GitHub Gists ને સપોર્ટ કરે છે, જે તમને તમારા કોડ સ્નિપેટ્સને અન્ય લોકો સાથે સરળતાથી સ્ટોર અને શેર કરવાની મંજૂરી આપે છે.
લાઈવ પૂર્વાવલોકન તમે પૃષ્ઠને ફરીથી લોડ કર્યા વિના રીઅલ-ટાઇમમાં તમારા કોડ ફેરફારોનાં પરિણામો જોઈ શકો છો. ઉદાહરણ તરીકે, જો તમે ટેક્સ્ટનો રંગ બદલો છો, તો તમે લખો છો તેમ લખાણ પર પ્રતિબિંબિત ફેરફાર તમને દેખાશે.
કીબોર્ડ શૉર્ટકટ્સ: ડૅબલેટમાં સામાન્ય કાર્યો માટે કીબોર્ડ શૉર્ટકટ્સ છે, જેમ કે નવો શૈલીનો નિયમ ઉમેરવા અથવા ટિપ્પણી કરવી.
બહુવિધ દૃશ્ય મોડ્સ: ડૅબલેટ બહુવિધ વ્યુ મોડ્સ ઑફર કરે છે, જે તમને કોડ અને પરિણામો બાજુ-બાજુ અથવા ઉપર અને નીચે એકબીજાને જોવાની મંજૂરી આપે છે.
ગુણ
- ઝડપી CSS
- જો તમે સાઇન ઇન છો, તો પણ તમે છુપા સાચવી શકો છો.
- ખૂણા, રંગો, અવધિ વગેરે જેવા વિવિધ પરિમાણો માટે ઇનલાઇન CSS મૂલ્ય પ્રીવ્યુઅર્સ.
- બધું XHR-ed છે, તેથી પૃષ્ઠ ક્યારેય તાજું થતું નથી, તમે સાચવો ત્યારે પણ નહીં.
- કીબોર્ડ શોર્ટકટ્સ પુષ્કળ.
- તમામ કોડ ઓટો-ફોર્મેટ થયેલ છે (માર્કડાઉન સિવાય).
- ગેટ-ગોમાંથી નક્કર દસ્તાવેજીકરણ.
વિપક્ષ
- ઇન્ટરફેસ શરૂઆતમાં થોડું જબરજસ્ત છે, પરંતુ તમને તેની આદત પડી જશે.
- કોઈ પ્રોજેક્ટ-લેવલ મેનેજમેન્ટ ફીચર્સ નથી (હજી સુધી).
Dabblet એકીકરણ
કોઈપણ પ્લેટફોર્મને અન્ય સેવાઓ સાથે સંકલિત કરવાની જરૂર છે, અને Dabblet કોઈ અપવાદ નથી. નીચે આપેલા કેટલાક સંકલન છે જે ડબ્બલેટ ઓફર કરે છે:
ગૂગલ ઍનલિટિક્સ
તમે તમારા Google Analytics ટ્રેકિંગ કોડને Dabblet પૃષ્ઠો પર સરળતાથી ઉમેરી શકો છો. આ તમને તમારા ડેબલેટ માટે પૃષ્ઠ દૃશ્યો અને અન્ય આંકડાઓને ટ્રૅક કરવાની મંજૂરી આપશે.
ઉબુન્ટુ
ડેબલેટનો ઉપયોગ ઉબુન્ટુ થીમ બનાવવા માટે થઈ શકે છે. તમે નવું ડેબલેટ બનાવી શકો છો, CSS અને HTML કોડ ઉમેરી શકો છો અને વેબ બ્રાઉઝરમાં થીમનું પૂર્વાવલોકન કરી શકો છો.
DigitalOcean
એક પ્રકારની ક્લાઉડ હોસ્ટિંગ કંપની વ્યવસાયોને ક્લાઉડ કમ્પ્યુટિંગ સેવાઓ પૂરી પાડે છે, જેનાથી તેઓ તેમની કામગીરીને વધુ અસરકારક રીતે વિકસાવી શકે છે.
ડૅબલેટ તેની સાથે શું કરે છે?
હવે તમે તમારા ડૅબલેટ્સ બનાવી શકો છો, મેનેજ કરી શકો છો અને તેનો ઉપયોગ કરી શકો છો DigitalOcean Spaces.
આ તમને તમારા તમામ કોડ સ્નિપેટ્સને એક જગ્યાએ રાખવાની મંજૂરી આપે છે અને તેને અન્ય લોકો સાથે શેર કરવાનું સરળ બનાવે છે.
Dabblets માટે વિકલ્પો
વિકલ્પો હંમેશા હાજર હોય છે, અને તે જ નસમાં, જ્યારે ડૅબલેટની વાત આવે ત્યારે તેના પર વિચાર કરવા માટે અહીં કેટલાક છે:
Pastebin.com
પ્રોગ્રામર્સ સામાન્ય રીતે સોર્સ કોડ અથવા રૂપરેખાંકન ડેટાના ટુકડાને સાચવવા માટે વેબસાઇટનો ઉપયોગ કરે છે. જો કે, કોઈપણ વ્યક્તિ આપેલી જગ્યામાં કોઈપણ ટેક્સ્ટ મૂકી શકે છે.
જેએસ બિન
JS Bin JavaScript માટે મફત પરીક્ષણ સાધન છે. એકવાર Javascript એક ફલકમાં અને બીજામાં HTML દાખલ થઈ જાય પછી પરિણામ ટૂંકા URL દ્વારા શેર કરી શકાય છે. મેનૂનો ઉપયોગ કરો જે તમને સૌથી સામાન્ય રીતે ઉપયોગમાં લેવાતી કેટલીક JS લાઇબ્રેરીમાંથી પસંદ કરવા દે.
CssDeck
આ સાધન અન્ય લોકો સાથે પરીક્ષણ કેસ બનાવવા અને વિનિમય કરવા માટે ઉત્તમ છે જે તમને તમારા કોડિંગ પ્રયાસોમાં મદદ કરી શકે છે. વિવિધ વિકલ્પો સાથે, તમે અન્ય પ્રોગ્રામરો સાથે તરત જ પ્રોજેક્ટ્સ પર સહયોગ પણ કરી શકો છો.
પ્લન્કર
પ્લંકર એ એક ડિજિટલ પ્લેટફોર્મ છે જ્યાં વેબ ડેવલપર્સ વિચાર કરી શકે છે, સહયોગ કરી શકે છે અને તેમના વિચારો શેર કરી શકે છે.
ઉદાહરણ તરીકે, તમે "હેલો, વર્લ્ડ!" સાથે પ્રારંભ કરી શકો છો! કોઈપણ ભાષામાં પ્રોગ્રામ કરો અને સમૃદ્ધ શિક્ષણ અનુભવ બનાવવા માટે કોડ સ્નિપેટ્સ, માર્કડાઉન અને સ્ક્રીનશૉટ્સ ઉમેરો.
અંતિમ શબ્દ
નિષ્કર્ષમાં, ડેબલેટ વેબ ડેવલપર્સ માટે ઉપયોગી સાધન છે, ખાસ કરીને જેઓ ઝડપથી અને સરળતાથી માર્ગો શોધી રહ્યાં છે. તેમના કોડનું પરીક્ષણ કરો.
તેની વિવિધ સુવિધાઓ અને સંકલન સાથે, આ પ્લેટફોર્મનો ઉપયોગ ન શોધવો મુશ્કેલ છે.
આજે જ અજમાવી જુઓ!
એક જવાબ છોડો