Ar kada nors norėjote turėti žiniatinklio programą ar plėtinį, leidžiantį kurti ir bendrinti vartotojo sąsajos prototipus?
Mes visi darome! Visi turime idėjų, kaip norime, kad mūsų svetainės ar programos atrodytų ir veiktų.
Taigi, jūs sugalvojote tikrai puikų dizainą ir tiksliai neprisimenate, kaip tai padarėte?
Dabar jūs turite rasti būdą, kaip juo pasidalinti. Tai gali užtrukti kelias dienas, net savaites, jei bandote pasidalinti gana sudėtingu dizainu.
Nėra jokios priežasties laukti, kol bus sukurti žiniatinklio programos prototipai. Sukurkite juos dabar naudodami „Dabblet“.
Nuvilkite elementus, sukurkite stilių ir išsaugokite. Nusiųskite jį dizaineriui peržiūrėti arba tiesiog nukopijuokite į pristatymą. Galimybės yra neribotos.
Kas yra Dabblet?
Naudojant Dabletas, galite eksperimentuoti su mažais CSS ir HTML kodo fragmentais realiuoju laiku.
Naudojant šį kodą nereikės jokių priešdėlių CSS kode. GitHub esmė leidžia saugoti turinį, skelbti jį kitose svetainėse ir bendrinti su kitais.
Tai puikus būdas dalytis kodo fragmentais su kitais kūrėjais ir gauti atsiliepimų.
Kaip jis veikia?
Kai tik kodas įvedamas, vaizdinė išvestis iškart matoma ant jo. JavaScript yra vienintelė išimtis, atsižvelgiant į tai, kad būtų erzina jį paleisti kiekvieną kartą paspaudus klavišą ir tam tikrose situacijose naršyklė gali tapti netinkama.
Naudodami parinktį „Vykdyti JS“ skirtuke „JavaScript“ arba sparčiuosius klavišus (Ctrl + Enter arba Cmd + Enter), paleidus „Dabblet“, bus paleista „JavaScript“. Parinkčių meniu galite pakeisti šį stilių.
Kaip kūrėjas galite perjungti kodavimą visomis trimis šiomis kalbomis vienu metu arba gatavo produkto peržiūrą.
Savybės
Toliau pateikiamos „Dabblet“ funkcijos, kurias turėtumėte žinoti:
Greitas CSS redagavimas: Galite greitai pridėti, redaguoti ir pašalinti CSS ypatybes. Pakeitimai bus rodomi puslapyje realiuoju laiku.
Sintaksės paryškinimas: CSS ir HTML kodų sintaksė paryškinta, todėl jį lengva skaityti ir suprasti. Kodas taip pat bus patvirtintas įvedant. Taip pat galite pasirinkti paslėpti kodo laukelį, jei norite.
Automatinis užbaigimas: „Dabblet“ siūlo automatinį CSS ypatybių ir verčių užbaigimą. Tai gali būti labai naudinga kuriant arba redaguojant stilių lapus.
Iš anksto sukurti CSS stilių lapai: Galite pasiekti iš anksto sukurtus CSS stilių lapus iš populiarių svetainių. Juos galima naudoti norint greitai ir lengvai pridėti stilių į savo svetainę.
Pagrindinis palaikymas: „Dabblet“ palaiko „GitHub Gists“, todėl galite lengvai saugoti ir bendrinti savo kodo fragmentus su kitais.
Tiesioginė peržiūra: Kodo pakeitimų rezultatus galite matyti realiuoju laiku neįkeldami puslapio iš naujo. Pavyzdžiui, jei pakeisite teksto spalvą, tekste, kai renkate tekstą, matysite pakeitimą.
Klaviatūros nuorodos: Dabblet turi sparčiuosius klavišus įprastoms užduotims atlikti, pvz., pridėti naują stiliaus taisyklę arba komentuoti.
Keli peržiūros režimai: „Dabblet“ siūlo kelis peržiūros režimus, kuriuos naudodami galite matyti kodą ir rezultatus vienas šalia kito arba vienas virš kito ir po juo.
Argumentai "už"
- Greitas CSS
- Net jei esate prisijungę, vis tiek galite išsaugoti inkognito režimą.
- Įterptosios CSS verčių peržiūros priemonės įvairiems parametrams, pvz., kampams, spalvoms, trukmei ir kt.
- Viskas yra XHR redaguota, todėl puslapis niekada neatnaujinamas, net ir išsaugojus.
- Daugybė sparčiųjų klavišų.
- Visas kodas yra automatiškai suformatuotas (išskyrus žymėjimą).
- Tvirta dokumentacija nuo pat pradžių.
Trūkumai
- Iš pradžių sąsaja yra šiek tiek pribloškianti, bet prie jos pripranti.
- Projekto lygio valdymo funkcijų (dar nėra).
Dabblet integracijos
Bet kuri platforma turi būti integruota su kitomis paslaugomis, o „Dabblet“ nėra išimtis. Toliau pateikiamos kelios „Dabblet“ siūlomos integracijos:
"Google Analytics"
„Google Analytics“ stebėjimo kodą galite lengvai pridėti prie „Dabblet“ puslapių. Tai leis jums stebėti puslapių peržiūras ir kitą jūsų Dabblet statistiką.
ubuntu
Dabblet galima naudoti kuriant Ubuntu temas. Galite sukurti naują Dabblet, pridėti CSS ir HTML kodą ir peržiūrėti temą žiniatinklio naršyklėje.
DigitalOcean
Vienetinė debesų prieglobos įmonė teikia debesų kompiuterijos paslaugas įmonėms, leidžiančias joms efektyviau plėsti savo veiklą.
Ką su juo daro Dabblet?
Dabar galite kurti, tvarkyti ir įdiegti savo Dabblets „DigitalOcean Spaces“.
Tai leidžia laikyti visus kodo fragmentus vienoje vietoje ir palengvinti jų bendrinimą su kitais.
Dabblets alternatyvos
Alternatyvų visada yra, taigi, čia yra keletas, kuriuos reikia apmąstyti, kai kalbama apie Dabblet:
Pastebin.com
Programuotojai paprastai naudoja svetainę norėdami išsaugoti šaltinio kodą arba konfigūracijos duomenų fragmentus. Tačiau bet kas gali įdėti bet kokį tekstą į tam skirtą vietą.
JS Bin
JS Bin yra nemokama „JavaScript“ testavimo priemonė. Rezultatas gali būti bendrinamas per trumpą URL, kai vienoje srityje įvedamas „Javascript“, o kitoje – HTML. Pasinaudokite meniu, leidžiančiu pasirinkti iš kai kurių dažniausiai naudojamų JS bibliotekų.
CssDeck
Šis įrankis puikiai tinka kuriant bandomuosius atvejus ir keičiantis jais su kitais, kurie gali jums padėti kodavimo pastangose. Naudodami įvairias parinktis galite net akimirksniu bendradarbiauti įgyvendindami projektus su kitais programuotojais.
Plunkeris
Plunker yra skaitmeninė platforma, kurioje žiniatinklio kūrėjai gali galvoti, bendradarbiauti ir dalytis mintimis.
Pavyzdžiui, galite pradėti nuo „Sveikas, pasauli! Programą bet kuria kalba ir pridėkite kodo fragmentų, nuorodų ir ekrano kopijų, kad sukurtumėte turtingą mokymosi patirtį.
Galutinis žodis
Apibendrinant, „Dabblet“ yra naudingas įrankis žiniatinklio kūrėjams, ypač tiems, kurie ieško būdų, kaip greitai ir lengvai išbandyti jų kodą.
Dėl įvairių funkcijų ir integracijų sunku nerasti šios platformos naudojimo.
Išbandykite šiandien!
Palikti atsakymą