Երբևէ ցանկանու՞մ եք, որ լիներ վեբ հավելված կամ ընդլայնում, որը թույլ կտա ձեզ ստեղծել և կիսվել UI նախատիպերով:
Մենք բոլորս անում ենք! Մենք բոլորս ունենք պատկերացումներ այն մասին, թե ինչպես ենք ցանկանում, որ մեր կայքերը կամ հավելվածները տեսք և զգացողություն ունենան:
Այսպիսով, դուք իսկապես հիանալի դիզայն եք ստեղծել և չեք կարող հստակ հիշել, թե ինչպես եք դա արել:
Այժմ դուք պետք է ճանապարհ գտնեք այն կիսելու համար: Դա կարող է տևել օրեր, նույնիսկ շաբաթներ, եթե դուք փորձում եք կիսվել բավականին բարդ դիզայնով:
Ձեր վեբ հավելվածի նախատիպերը պատրաստելու համար սպասելու պատճառ չկա: Ստեղծեք դրանք հիմա Dabblet-ի հետ:
Քաշեք և թողեք տարրեր, ոճավորեք և պահպանեք այն: Ուղարկեք այն դիզայներին վերանայման կամ պարզապես պատճենեք այն ներկայացման մեջ: Հնարավորությունները անսահման են։
Ինչ է Dabblet-ը:
Օգտագործելով Դաբլեթ, կարող եք իրական ժամանակում փորձարկել CSS և HTML կոդի փոքրիկ հատվածները:
Սա օգտագործելիս ձեր CSS կոդում որևէ նախածանցի կարիք չեք ունենա: GitHub-ի էությունը թույլ է տալիս պահպանել ձեր բովանդակությունը, տեղադրել այն այլ կայքերում և կիսել այն ուրիշների հետ:
Սա հիանալի միջոց է կոդերի հատվածները այլ մշակողների հետ կիսելու և հետադարձ կապ ստանալու համար:
Ինչպե՞ս է այն գործում:
Հենց որ կոդը մուտքագրվի, տեսողական ելքը անմիջապես տեսանելի է դրա վերևում: JavaScript միայնակ բացառությունն է՝ հաշվի առնելով, որ նյարդայնացնող կլինի այն գործարկել ամեն անգամ ստեղնաշարի վրա և կարող է նույնիսկ պատճառ դառնալ, որ զննարկիչը դառնա անօգտագործելի որոշակի իրավիճակներում:
Օգտագործելով «Run JS» տարբերակը JavaScript ներդիրում կամ ստեղնաշարի դյուրանցումը (Ctrl + Enter կամ Cmd + Enter) կաշխատի JavaScript-ը, երբ գործարկվի Dabblet: Ընտրանքների ընտրացանկը թույլ է տալիս փոխել այս ոճը:
Որպես մշակող՝ դուք կարող եք անցնել կոդավորման այս երեք լեզուներով միաժամանակ կամ տեսնել պատրաստի արտադրանքը:
Հատկություններ
Հետևյալը Dabblet-ի այն հատկանիշներն են, որոնց մասին դուք պետք է իմանաք.
Արագ CSS խմբագրում. Դուք կարող եք արագ ավելացնել, խմբագրել և հեռացնել CSS հատկությունները: Փոփոխությունները կարտացոլվեն էջում իրական ժամանակում:
Շարահյուսության կարևորում. CSS և HTML կոդը շարահյուսված են, ինչը հեշտացնում է այն կարդալն ու հասկանալը: Կոդը կհաստատվի նաև մուտքագրելիս: Եթե ցանկանում եք, կարող եք նաև ընտրել կոդի տուփը թաքցնելը:
Ավտոմատ լրացում. Dabblet-ն առաջարկում է ավտոմատ լրացում CSS հատկությունների և արժեքների համար: Սա կարող է շատ օգտակար լինել, երբ դուք ստեղծում կամ խմբագրում եք ոճաթերթեր:
Նախապես կառուցված CSS Stylesheets. Դուք կարող եք մուտք գործել նախապես կառուցված CSS ոճաթերթեր հանրաճանաչ կայքերից: Դրանք կարող են օգտագործվել ձեր սեփական կայքէջում արագ և հեշտությամբ ոճեր ավելացնելու համար:
Հիմնական աջակցություն. Dabblet-ն աջակցում է GitHub Gists-ին, որը թույլ է տալիս հեշտությամբ պահել և կիսել ձեր կոդի հատվածները ուրիշների հետ:
Ուղիղ նախադիտում. Դուք կարող եք տեսնել ձեր կոդի փոփոխությունների արդյունքները իրական ժամանակում՝ առանց էջը վերաբեռնելու: Օրինակ, եթե դուք փոխում եք տեքստի գույնը, դուք կտեսնեք փոփոխությունն արտացոլված տեքստի վրա, երբ մուտքագրում եք:
Ստեղնաշարի դյուրանցումներ. Dabblet-ն ունի ստեղնաշարի դյուրանցումներ սովորական առաջադրանքների համար, ինչպիսիք են ոճի նոր կանոն ավելացնելը կամ մեկնաբանելը:
Բազմաթիվ դիտման ռեժիմներ. Dabblet-ն առաջարկում է բազմաթիվ դիտման ռեժիմներ, որոնք թույլ են տալիս տեսնել կոդը և արդյունքները կողք կողքի կամ վերևում և ներքևում:
Կոալիցիայում
- Արագ CSS
- Նույնիսկ եթե դուք մուտք եք գործել, դուք դեռ կարող եք պահել ինկոգնիտո ռեժիմում:
- Ներկառուցված CSS արժեքների նախադիտիչներ տարբեր պարամետրերի համար, ինչպիսիք են անկյունները, գույները, տևողությունը և այլն:
- Ամեն ինչ XHR-ed է, ուստի էջը երբեք չի թարմացվում, նույնիսկ երբ դուք պահում եք:
- Ստեղնաշարի դյուրանցումներ առատ:
- Ամբողջ կոդը ավտոմատ ձևաչափված է (բացառությամբ նշագրման):
- Կոշտ փաստաթղթեր սկզբից:
Դեմ
- Ինտերֆեյսը սկզբում մի փոքր ճնշող է, բայց դուք սովոր եք դրան:
- Ծրագրի մակարդակի կառավարման առանձնահատկություններ չկան (դեռևս):
Dabblet ինտեգրումներ
Ցանկացած հարթակ պետք է ինտեգրվի այլ ծառայությունների հետ, և Dabblet-ը բացառություն չէ: Ստորև բերված են մի քանի ինտեգրումներ, որոնք առաջարկում է Dabblet-ը.
Google Analytics
Դուք կարող եք հեշտությամբ ավելացնել ձեր Google Analytics-ի հետագծման կոդը Dabblet էջերին: Սա թույլ կտա ձեզ հետևել էջի դիտումների և ձեր Dabblet-ի այլ վիճակագրության:
Ubuntu
Dabblet-ը կարող է օգտագործվել Ubuntu-ի թեմաներ ստեղծելու համար: Դուք կարող եք ստեղծել նոր Dabblet, ավելացնել CSS և HTML կոդ և նախադիտել թեման վեբ բրաուզերում:
DigitalOcean- ը
Ամպային հոսթինգի եզակի ընկերությունը բիզնեսին տրամադրում է ամպային հաշվողական ծառայություններ՝ թույլ տալով նրանց ավելի արդյունավետ զարգացնել իրենց գործունեությունը:
Ի՞նչ է անում Դաբլթը դրա հետ:
Այժմ դուք կարող եք ստեղծել, կառավարել և տեղակայել ձեր Dabblets-ը DigitalOcean Spaces.
Սա թույլ է տալիս ձեզ պահել ձեր բոլոր կոդի հատվածները մեկ տեղում և հեշտացնում է դրանք ուրիշների հետ կիսելը:
Այլընտրանքներ Dabblets-ի համար
Այլընտրանքները միշտ առկա են, և նույն ուղղությամբ, ահա մի քանիսը, որոնց մասին կարելի է մտածել, երբ խոսքը վերաբերում է Դաբլթին.
Pastebin.com
Ծրագրավորողները սովորաբար օգտագործում են վեբկայքը՝ աղբյուրի կոդը կամ կազմաձևման տվյալների բեկորները պահպանելու համար: Այնուամենայնիվ, ցանկացած ոք կարող է ցանկացած տեքստ տեղադրել տրամադրված տարածքում:
JS Bin
JS Bin-ը JavaScript-ի անվճար փորձարկման գործիք է: Արդյունքը կարող է համօգտագործվել կարճ URL-ի միջոցով, երբ Javascript-ը մուտքագրվի մի վահանակում, իսկ HTML-ը մյուսում: Օգտագործեք մենյու, որը թույլ է տալիս ընտրել առավել հաճախ օգտագործվող JS գրադարաններից:
CssDeck
Այս գործիքը հիանալի է թեստային դեպքեր ստեղծելու և փոխանակելու համար ուրիշների հետ, ովքեր կարող են օգնել ձեզ կոդավորման ձեր ջանքերում: Տարբեր տարբերակներով դուք կարող եք նույնիսկ ակնթարթորեն համագործակցել նախագծերի վրա այլ ծրագրավորողների հետ:
Պլանկեր
Plunker-ը թվային հարթակ է, որտեղ վեբ մշակողները կարող են մտքեր փոխանակել, համագործակցել և կիսվել իրենց մտքերով:
Օրինակ, դուք կարող եք սկսել «Բարև աշխարհ»: ծրագրավորեք ցանկացած լեզվով և ավելացրեք կոդի հատվածներ, նշումներ և սքրինշոթներ՝ հարուստ ուսուցման փորձ ստեղծելու համար:
Վերջնական խոսքը
Եզրափակելով, Dabblet-ը օգտակար գործիք է վեբ մշակողների համար, հատկապես նրանց համար, ովքեր փնտրում են արագ և հեշտությամբ ուղիներ փորձարկել նրանց կոդը:
Իր տարբեր առանձնահատկություններով և ինտեգրումներով դժվար է այս հարթակի օգտագործումը չգտնել:
Փորձեք այն այսօր:
Թողնել գրառում