በመብረር ላይ የዩአይ ምሳሌዎችን እንዲፈጥሩ እና እንዲያጋሩ የሚያስችልዎ የድር መተግበሪያ ወይም ቅጥያ እንዲኖር ይፈልጋሉ?
ሁላችንም እናደርጋለን! ሁላችንም ጣቢያዎቻችን ወይም አፕሊኬሽኖቻችን እንዲመስሉ እና እንዲሰማቸው እንደምንፈልግ ሀሳብ አለን።
ስለዚህ፣ በጣም ጥሩ ንድፍ አውጥተሃል እና እንዴት እንደሰራህ በትክክል ማስታወስ አልቻልክም?
አሁን እሱን ለማጋራት መንገድ መፈለግ አለብዎት። ቆንጆ ውስብስብ ንድፍ ለማጋራት እየሞከሩ ከሆነ ይህ ቀናትን አልፎ ተርፎም ሳምንታት ሊወስድ ይችላል።
የድር መተግበሪያዎን ፕሮቶታይፕ ለማድረግ የሚጠብቁበት ምንም ምክንያት የለም። አሁን በ Dabblet ይፍጠሩዋቸው።
አባሎችን ይጎትቱ እና ይጣሉ፣ ቅጥ ያድርጉ እና ያስቀምጡት። ለግምገማ ወደ ንድፍ አውጪ ይላኩት ወይም በቀላሉ ወደ አቀራረብ ይቅዱት። ዕድሎች ማለቂያ የለሽ ናቸው።
ዳብልት ምንድን ነው?
በመጠቀም ላይ ዳብልት፣ በትንሽ ቅንጣቢ CSS እና HTML ኮድ በቅጽበት መሞከር ትችላለህ።
ይህንን ሲጠቀሙ በCSS ኮድዎ ውስጥ ምንም ቅድመ ቅጥያ አያስፈልግዎትም። GitHub gists የእርስዎን ይዘት እንዲያከማቹ፣ በሌሎች ጣቢያዎች ላይ እንዲለጥፉ እና ለሌሎች እንዲያካፍሉት ይፈቅድልዎታል።
ይህ ከሌሎች ገንቢዎች ጋር የኮድ ቅንጣቢዎችን ለማጋራት እና ግብረመልስ ለማግኘት ጥሩ መንገድ ነው።
እንዴት ነው የሚሰራው?
ኮዱ እንደተፃፈ የእይታ ውፅዓት በላዩ ላይ ወዲያውኑ ይታያል። ጃቫስክሪፕት በእያንዳንዱ ቁልፍ ስትሮክ ላይ ማስኬድ በጣም እንደሚያናድድ እና በአንዳንድ ሁኔታዎች አሳሹን መጠቀም እንዳይችል ሊያደርገው ስለሚችል ብቸኛው ነፃ መሆን ነው።
በጃቫ ስክሪፕት ትር ውስጥ “Run JS” የሚለውን አማራጭ ወይም የቁልፍ ሰሌዳ አቋራጭ (Ctrl + Enter ወይም Cmd + Enter) በመጠቀም Dabblet ሲሮጥ ጃቫ ስክሪፕትን ያስኬዳል። የአማራጮች ምናሌ ይህን ዘይቤ እንዲቀይሩ ያስችልዎታል.
እንደ ገንቢ፣ በእነዚህ ሶስቱም ቋንቋዎች በተመሳሳይ ጊዜ ኮድ ማድረግ ወይም የተጠናቀቀውን ምርት በማየት መካከል መቀያየር ይችላሉ።
ዋና መለያ ጸባያት
ማወቅ ያለብዎት የዳብልት ባህሪያት የሚከተሉት ናቸው።
ፈጣን የሲኤስኤስ አርትዖት የ CSS ንብረቶችን በፍጥነት ማከል፣ ማርትዕ እና ማስወገድ ይችላሉ። ለውጦች በገጹ ላይ በቅጽበት ይንጸባረቃሉ።
የአገባብ ማድመቅ፡ ሲኤስኤስ እና ኤችቲኤምኤል ኮድ አገባብ ተደምቀዋል፣ ይህም ለማንበብ እና ለመረዳት ቀላል ያደርገዋል። ሲተይቡ ኮዱም ይረጋገጣል። ከፈለግክ የኮድ ሳጥኑን ለመደበቅ መምረጥ ትችላለህ።
ራስ-አጠናቅቅ Dabblet ለCSS ንብረቶች እና እሴቶች ራስ-አጠናቅቅ ያቀርባል። የቅጥ ሉሆችን ሲፈጥሩ ወይም ሲያርትዑ ይህ በጣም ጠቃሚ ሊሆን ይችላል።
ቅድመ-የተገነቡ የሲኤስኤስ የቅጥ ሉሆች፡- ከታዋቂ ድረ-ገጾች አስቀድመው የተሰሩ የሲኤስኤስ የቅጥ ሉሆችን ማግኘት ይችላሉ። እነዚህ በፍጥነት እና በቀላሉ ወደ የራስዎ ድር ጣቢያ ቅጦችን ለመጨመር ሊያገለግሉ ይችላሉ።
ዋና ድጋፍ፡ Dabblet የ GitHub Gistsን ይደግፋል፣ ይህም የኮድ ቅንጥቦችዎን በቀላሉ ለሌሎች እንዲያከማቹ እና እንዲያጋሩ ያስችልዎታል።
የቀጥታ ስርጭት ቅድመ እይታ ገጹን እንደገና ሳይጭኑ የኮድዎ ለውጦችን በቅጽበት ማየት ይችላሉ። ለምሳሌ የጽሑፍ ቀለም ከቀየሩ፣ በሚተይቡበት ጊዜ ለውጡን በጽሁፉ ላይ ሲያንጸባርቅ ያያሉ።
የቁልፍ ሰሌዳ አቋራጮች ዳብልት ለተለመዱ ተግባራት የቁልፍ ሰሌዳ አቋራጮች አሉት፣ ለምሳሌ አዲስ የቅጥ ህግ ማከል ወይም አስተያየት መስጠት።
ባለብዙ እይታ ሁነታዎች፡- Dabblet በርካታ የእይታ ሁነታዎችን ያቀርባል, ይህም ኮዱን እና ውጤቱን ጎን ለጎን ወይም ከላይ እና ከታች እንዲመለከቱ ያስችልዎታል.
ጥቅሙንና
- ፈጣን CSS
- በመለያ የገቡ ቢሆንም፣ አሁንም ማንነት የማያሳውቅ ማስቀመጥ ይችላሉ።
- የመስመር ውስጥ የሲኤስኤስ እሴት ቅድመ ተመልካቾች እንደ ማዕዘኖች፣ ቀለሞች፣ የቆይታ ጊዜ፣ ወዘተ.
- ሁሉም ነገር በXHR-ed ነው፣ ስለዚህ ገጹ መቼም አይታደስም፣ ስታስቀምጡም እንኳ።
- የቁልፍ ሰሌዳ አቋራጮች በብዛት።
- ሁሉም ኮድ በራስ-ሰር የተቀረፀ ነው (ከማርክ ማጥፋት በስተቀር)።
- ከመድረክ የተገኘ ጠንካራ ሰነድ።
ጉዳቱን
- በይነገጹ መጀመሪያ ላይ በጣም ትንሽ ነው, ግን እርስዎ ይለማመዱታል.
- ምንም የፕሮጀክት ደረጃ አስተዳደር ባህሪያት የሉም (ገና)።
ዳብልት ውህደቶች
ማንኛውም መድረክ ከሌሎች አገልግሎቶች ጋር መቀላቀል አለበት፣ እና ዳብልት ከዚህ የተለየ አይደለም። ዳብልት የሚያቀርባቸው አንዳንድ ውህደቶች የሚከተሉት ናቸው።
google ትንታኔዎች
የጉግል አናሌቲክስ መከታተያ ኮድዎን በቀላሉ ወደ Dabblet ገጾች ማከል ይችላሉ። ይህ ለእርስዎ Dabblet የገጽ እይታዎችን እና ሌሎች ስታቲስቲክስን ለመከታተል ያስችልዎታል።
ኡቡንቱ
Dabblet የኡቡንቱ ገጽታዎችን ለመፍጠር ጥቅም ላይ ሊውል ይችላል። አዲስ ዳብልት መፍጠር፣ CSS እና HTML ኮድ ማከል እና ጭብጡን በድር አሳሽ ውስጥ አስቀድመው ማየት ይችላሉ።
DigitalOcean
አንድ-ዓይነት የደመና ማስተናገጃ ኩባንያ ለንግድ ድርጅቶች የክላውድ ማስላት አገልግሎቶችን ይሰጣል ይህም ሥራቸውን በብቃት እንዲያሳድጉ ያስችላቸዋል።
ዳብልት ምን ያደርጋል?
አሁን የእርስዎን Dabblets መፍጠር፣ ማስተዳደር እና ማሰማራት ይችላሉ። DigitalOcean ቦታዎች.
ይህ ሁሉንም የኮድ ቅንጣቢዎችዎን በአንድ ቦታ እንዲያስቀምጡ ያስችልዎታል እና ለሌሎች ማጋራት ቀላል ያደርገዋል።
ለዳብልት አማራጮች
አማራጮች ሁል ጊዜ ይገኛሉ፣ እና በተመሳሳይ መልኩ፣ ወደ ዳብልት ሲመጣ ለማሰላሰል ጥቂቶቹ እነሆ፡-
pastebin.com
ፕሮግራመሮች በአጠቃላይ ድህረ ገጹን የምንጭ ኮድን ወይም የውቅረት ዳታ ቁርጥራጮችን ለማስቀመጥ ይጠቀማሉ። ሆኖም፣ ማንኛውም ሰው በተዘጋጀው ቦታ ላይ ማንኛውንም ጽሑፍ ማስቀመጥ ይችላል።
ጄኤስ ቢን
JS Bin ለጃቫ ስክሪፕት ነፃ የሙከራ መሣሪያ ነው። ጃቫ ስክሪፕት በአንድ ክፍል እና HTML ውስጥ ከገባ በኋላ ውጤቱ በአጭር ዩአርኤል ሊጋራ ይችላል። ከአንዳንድ በብዛት ጥቅም ላይ ከዋሉት የJS ቤተ-መጻሕፍት እንዲመርጡ የሚያስችልዎትን ሜኑ ይጠቀሙ።
CssDeck
ይህ መሳሪያ በኮድ ስራዎ ውስጥ ሊረዱዎት ከሚችሉ ሌሎች ጋር የሙከራ ጉዳዮችን ለመፍጠር እና ለመለዋወጥ ጥሩ ነው። ከተለያዩ አማራጮች ጋር፣ ከሌሎች ፕሮግራመሮች ጋር በቅጽበት በፕሮጀክቶች ላይ መተባበር ይችላሉ።
Plunker
Plunker የድር ገንቢዎች ሃሳባቸውን የሚሰብኩበት፣ የሚተባበሩበት እና ሃሳባቸውን የሚያካፍሉበት ዲጂታል መድረክ ነው።
ለምሳሌ፣ በ“ሄሎ፣ ዓለም!” መጀመር ትችላለህ። የበለፀገ የመማር ልምድ ለመፍጠር በማንኛውም ቋንቋ ፕሮግራም እና የኮድ ቅንጥቦችን፣ ማርክ ዳውን እና ቅጽበታዊ ገጽ እይታዎችን ያክሉ።
የመጨረሻ ቃል
ለማጠቃለል ፣ ዳብልት ለድር ገንቢዎች በተለይም በፍጥነት እና በቀላሉ መንገዶችን ለሚፈልጉ ጠቃሚ መሳሪያ ነው። ኮዳቸውን ይፈትሹ.
በውስጡ የተለያዩ ባህሪያት እና ውህደቶች ጋር, ይህ መድረክ ጥቅም ለማግኘት አይደለም አስቸጋሪ ነው.
ዛሬ ይሞክሩት!
መልስ ይስጡ