გსურს ოდესმე არსებობდეს ვებ აპი ან გაფართოება, რომელიც საშუალებას მოგცემთ შექმნათ და გააზიაროთ ინტერფეისის პროტოტიპები უშუალოდ?
Ჩვენ ყველა ვაკეთებთ! ჩვენ ყველას გვაქვს წარმოდგენები იმის შესახებ, თუ როგორ უნდა გამოიყურებოდეს ჩვენი საიტები ან აპლიკაციები.
ასე რომ, თქვენ მოიფიქრეთ მართლაც შესანიშნავი დიზაინი და ზუსტად არ გახსოვთ, როგორ გააკეთეთ ეს?
ახლა თქვენ უნდა იპოვოთ გზა მისი გაზიარებისთვის. ამას შეიძლება დასჭირდეს დღეები, თუნდაც კვირები, თუ თქვენ ცდილობთ გააზიაროთ საკმაოდ რთული დიზაინი.
არ არსებობს მიზეზი, რომ დაველოდოთ თქვენი ვებ აპლიკაციის პროტოტიპების შექმნას. შექმენით ისინი ახლა Dabblet-ით.
გადაათრიეთ და ჩამოაგდეთ ელემენტები, სტილი და შეინახეთ. გაუგზავნეთ დიზაინერს განსახილველად ან უბრალოდ დააკოპირეთ პრეზენტაციაში. შესაძლებლობები უსასრულოა.
რა არის Dabblet?
გამოყენება დაბლები, შეგიძლიათ ექსპერიმენტი გააკეთოთ CSS და HTML კოდის პატარა ნაწყვეტებით რეალურ დროში.
ამის გამოყენებისას არ დაგჭირდებათ რაიმე პრეფიქსი თქვენს CSS კოდში. GitHub-ის შინაარსი საშუალებას გაძლევთ შეინახოთ თქვენი შინაარსი, განათავსოთ იგი სხვა საიტებზე და გააზიაროთ იგი სხვებთან.
ეს შესანიშნავი გზაა კოდის ფრაგმენტების სხვა დეველოპერებთან გასაზიარებლად და გამოხმაურების მისაღებად.
როგორ მუშაობს იგი?
კოდის აკრეფისთანავე, ვიზუალური გამომავალი მყისიერად ჩანს მის თავზე. JavaScript ეს არის ერთადერთი გამონაკლისი, იმის გათვალისწინებით, რომ გამაღიზიანებელი იქნება მისი გაშვება ყოველი დაჭერით და შესაძლოა ბრაუზერის გამოუსადეგარიც კი გახდეს გარკვეულ სიტუაციებში.
"Run JS" პარამეტრის გამოყენება JavaScript ჩანართში ან კლავიატურის მალსახმობი (Ctrl + Enter ან Cmd + Enter) გაუშვებს JavaScript-ს Dabblet-ის გაშვებისას. პარამეტრების მენიუ საშუალებას გაძლევთ შეცვალოთ ეს სტილი.
როგორც დეველოპერს, შეგიძლიათ გადართოთ კოდირებას სამივე ამ ენაზე ერთდროულად ან მზა პროდუქტის ნახვას შორის.
მისი მახასიათებლებია;
ქვემოთ მოცემულია Dabblet-ის მახასიათებლები, რომელთა შესახებაც უნდა იცოდეთ:
სწრაფი CSS რედაქტირება: შეგიძლიათ სწრაფად დაამატოთ, დაარედაქტიროთ და წაშალოთ CSS თვისებები. ცვლილებები აისახება გვერდზე რეალურ დროში.
სინტაქსის ხაზგასმა: CSS და HTML კოდი მონიშნულია სინტაქსით, რაც აადვილებს წაკითხვას და გაგებას. კოდი ასევე დამოწმებული იქნება თქვენ აკრეფისას. თქვენ ასევე შეგიძლიათ აირჩიოთ კოდის ყუთის დამალვა, თუ გსურთ.
ავტომატური დასრულება: Dabblet გთავაზობთ ავტომატურ დასრულებას CSS თვისებებისა და მნიშვნელობებისთვის. ეს შეიძლება იყოს ძალიან სასარგებლო, როდესაც თქვენ ქმნით ან არედაქტირებთ სტილის ფურცლებს.
წინასწარ ჩაშენებული CSS სტილის ფურცლები: თქვენ შეგიძლიათ წვდომა წინასწარ ჩაშენებულ CSS სტილის ფურცლებზე პოპულარული ვებსაიტებიდან. მათი გამოყენება შესაძლებელია თქვენს ვებსაიტზე სტილის სწრაფად და მარტივად დასამატებლად.
ძირითადი მხარდაჭერა: Dabblet მხარს უჭერს GitHub Gists-ს, რაც საშუალებას გაძლევთ ადვილად შეინახოთ და გაუზიაროთ თქვენი კოდის ფრაგმენტები სხვებს.
პირდაპირი გადახედვა: თქვენ შეგიძლიათ ნახოთ თქვენი კოდის ცვლილებების შედეგები რეალურ დროში გვერდის გადატვირთვის გარეშე. მაგალითად, თუ თქვენ შეცვლით ტექსტის ფერს, დაინახავთ ცვლილებას, რომელიც აისახება ტექსტზე აკრეფისას.
კლავიატურის მალსახმობები: Dabblet-ს აქვს კლავიატურის მალსახმობები საერთო ამოცანებისთვის, როგორიცაა ახალი სტილის წესის დამატება ან კომენტარის გაკეთება.
მრავალი ნახვის რეჟიმი: Dabblet გთავაზობთ ნახვის მრავალ რეჟიმს, რაც საშუალებას გაძლევთ ნახოთ კოდი და შედეგები ერთმანეთის გვერდით ან ზემოთ და ქვემოთ.
დადებითი
- სწრაფი CSS
- მაშინაც კი, თუ შესული ხართ, მაინც შეგიძლიათ შეინახოთ ინკოგნიტო.
- Inline CSS მნიშვნელობების გადამხედველები სხვადასხვა პარამეტრებისთვის, როგორიცაა კუთხეები, ფერები, ხანგრძლივობა და ა.შ.
- ყველაფერი არის XHR-ed, ასე რომ გვერდი არასოდეს განახლდება, მაშინაც კი, როდესაც თქვენ შეინახავთ.
- კლავიატურის მალსახმობები უამრავი.
- ყველა კოდი ავტომატურად ფორმატირებულია (გარდა მარკდაუნისა).
- მყარი დოკუმენტაცია თავიდანვე.
Cons
- ინტერფეისი თავიდან ცოტა აბსოლუტურია, მაგრამ თქვენ ეჩვევით მას.
- პროექტის დონის მართვის ფუნქციები (ჯერ არ არის).
Dabblet ინტეგრაციები
ნებისმიერ პლატფორმას სჭირდება სხვა სერვისებთან ინტეგრირება და Dabblet არ არის გამონაკლისი. ქვემოთ მოცემულია რამდენიმე ინტეგრაცია, რომელსაც Dabblet გთავაზობთ:
Google ანალიტიკა
თქვენ შეგიძლიათ მარტივად დაამატოთ თქვენი Google Analytics თვალთვალის კოდი Dabblet გვერდებზე. ეს საშუალებას მოგცემთ თვალყური ადევნოთ გვერდის ნახვებს და სხვა სტატისტიკას თქვენი Dabblet-ისთვის.
Ubuntu
Dabblet შეიძლება გამოყენებულ იქნას Ubuntu თემების შესაქმნელად. შეგიძლიათ შექმნათ ახალი Dabblet, დაამატოთ CSS და HTML კოდი და გადახედოთ თემას ვებ ბრაუზერში.
ციფრული ოკეანე
ღრუბლოვანი ჰოსტინგის უნიკალური კომპანია უზრუნველყოფს ღრუბლოვანი გამოთვლების სერვისებს ბიზნესებისთვის, რაც მათ საშუალებას აძლევს გააუმჯობესონ თავიანთი ოპერაციები უფრო ეფექტურად.
რას აკეთებს დაბლეტი?
ახლა თქვენ შეგიძლიათ შექმნათ, მართოთ და განათავსოთ თქვენი Dabblets ციფრული ოკეანის სივრცეები.
ეს საშუალებას გაძლევთ შეინახოთ ყველა თქვენი კოდის ფრაგმენტი ერთ ადგილას და გაადვილებთ მათ სხვებთან გაზიარებას.
ალტერნატივები Dabblets-ისთვის
ალტერნატივები ყოველთვის არსებობს და იმავე კუთხით, აქ არის რამდენიმე, რომლებზეც უნდა დაფიქრდეთ, როდესაც საქმე ეხება Dabblet-ს:
Pastebin.com
პროგრამისტები ძირითადად იყენებენ ვებსაიტს წყაროს კოდის ან კონფიგურაციის მონაცემების ფრაგმენტების შესანახად. თუმცა, ნებისმიერს შეუძლია განათავსოს ნებისმიერი ტექსტი მითითებულ სივრცეში.
JS Bin
JS Bin არის უფასო ტესტირების ინსტრუმენტი JavaScript-ისთვის. შედეგი შეიძლება იყოს გაზიარებული მოკლე URL-ით, მას შემდეგ რაც Javascript შეიყვანება ერთ პანელში და HTML მეორეში. გამოიყენეთ მენიუ, რომელიც საშუალებას გაძლევთ აირჩიოთ ყველაზე ხშირად გამოყენებული JS ბიბლიოთეკებიდან.
CssDeck
ეს ინსტრუმენტი შესანიშნავია სატესტო შემთხვევების შესაქმნელად და სხვებთან გაცვლისთვის, რომლებიც დაგეხმარებათ კოდირების მცდელობებში. სხვადასხვა ვარიანტებით, თქვენ შეიძლება მყისიერად ითანამშრომლოთ პროექტებზე სხვა პროგრამისტებთან.
პლანკერი
Plunker არის ციფრული პლატფორმა, სადაც ვებ დეველოპერებს შეუძლიათ იფიქრონ, ითანამშრომლონ და გაუზიარონ თავიანთი აზრები.
მაგალითად, შეგიძლიათ დაიწყოთ "გამარჯობა, სამყარო!" დაპროგრამეთ ნებისმიერ ენაზე და დაამატეთ კოდის ფრაგმენტები, ნიშნები და ეკრანის ანაბეჭდები, რათა შექმნათ მდიდარი სასწავლო გამოცდილება.
საბოლოო სიტყვა
დასასრულს, Dabblet არის სასარგებლო ინსტრუმენტი ვებ დეველოპერებისთვის, განსაკუთრებით მათთვის, ვინც ეძებს გზებს სწრაფად და მარტივად შეამოწმეთ მათი კოდი.
მისი სხვადასხვა ფუნქციებითა და ინტეგრაციით, ძნელია არ იპოვოთ ამ პლატფორმის გამოყენება.
სცადე დღესვე!
დატოვე პასუხი