Inoiz nahi al duzu web-aplikazio edo luzapen bat egotea IU-ren prototipoak berehala sortu eta partekatzeko aukera ematen dizun?
Denok egiten dugu! Denok ditugu gure guneak edo aplikazioak nola itxura eta sentitzea nahi dugun jakiteko ideiak.
Beraz, diseinu bikaina egin zenuen eta ez al zara gogoan nola egin zenuen?
Orain partekatzeko modua aurkitu behar duzu. Horrek egunak, asteak ere izan ditzake, diseinu nahiko konplexua partekatzen saiatzen bazara.
Ez dago zure web aplikazioen prototipoak egiteko itxaroteko arrazoirik. Sortu orain Dabblet-ekin.
Arrastatu eta jaregin elementuak, estiloa eta gorde. Bidali diseinatzaile bati berrikusteko edo, besterik gabe, kopiatu aurkezpen batean. Aukerak amaigabeak dira.
Zer da Dabblet?
erabiliz ibiltzea, CSS eta HTML kodearen zati txikiekin esperimentatu dezakezu denbora errealean.
Ez duzu aurrizkirik beharko zure CSS kodean hau erabiltzean. GitHub-ek zure edukia gordetzeko, beste gune batzuetan argitaratzeko eta besteekin partekatzeko aukera ematen dizu.
Kode zatiak beste garatzaile batzuekin partekatzeko eta iritzia jasotzeko modu bikaina da hau.
Nola funtzionatzen du?
Kodea idatzi bezain laster, irteera bisuala berehala ikusten da haren gainean. Ikusteko Javascript-a salbuespen bakarra da, kontuan hartuta haserregarria izango litzatekeela tekla sakatze bakoitzean exekutatzeko eta egoera jakin batzuetan arakatzailea erabilezin bihur daitekeela.
JavaScript fitxako "Exekutatu JS" aukera edo teklatuko lasterbidea (Ktrl + Sartu edo Cmd + Sartu) JavaScript abiaraziko da Dabblet bat exekutatzen denean. Aukeren menuak estilo hau aldatzeko aukera ematen du.
Garatzaile gisa, hiru hizkuntza hauetan kodetzea edo amaitutako produktua ikustea alda dezakezu aldi berean.
Ezaugarriak
Hona hemen ezagutu behar dituzun Dabblet-en ezaugarriak:
CSS edizio azkarra: CSS propietateak azkar gehitu, editatu eta kendu ditzakezu. Aldaketak orrialdean islatuko dira denbora errealean.
Sintaxia nabarmentzea: CSS eta HTML kodea sintaxia nabarmentzen da, erraz irakurtzeko eta ulertzeko. Kodea ere balioztatuko da idazten duzun heinean. Nahiago baduzu, kodea ezkutatzeko aukera ere egin dezakezu.
Osatze automatikoa: Dabblet-ek CSS propietateak eta balioak automatikoki osatzea eskaintzen du. Hau oso lagungarria izan daiteke estilo-orriak sortzen edo editatzen ari zarenean.
Aurrez eraikitako CSS estilo-orriak: Webgune ezagunetatik aurrez eraikitako CSS estilo-orrietara sar zaitezke. Hauek zure webgunean estiloak azkar eta erraz gehitzeko erabil daitezke.
Laguntza nagusia: Dabblet-ek GitHub Gists onartzen du, zure kode zatiak besteekin erraz gordetzeko eta partekatzeko aukera emanez.
Zuzeneko aurrebista: Kode aldaketen emaitzak denbora errealean ikus ditzakezu orria berriro kargatu gabe. Adibidez, testu baten kolorea aldatzen baduzu, idatzi ahala testuan islatzen den aldaketa ikusiko duzu.
Teklatu lasterbideak: Dabblet-ek teklatuko lasterbideak ditu ohiko zereginetarako, hala nola estilo-arau berri bat gehitzeko edo iruzkinak egiteko.
Ikuspegi anitz moduak: Dabblet-ek hainbat ikuspegi eskaintzen ditu, kodea eta emaitzak elkarren ondoan edo bata bestearen gainean eta azpian ikusteko aukera ematen duena.
Pros
- CSS azkarra
- Saioa hasita baduzu ere, baliteke ezkutuko moduan gordetzea.
- Lineako CSS balioen aurrebistak hainbat parametrotarako, hala nola angeluak, koloreak, iraupena, etab.
- Dena XHR-ed da, beraz, orria ez da inoiz freskatzen, ezta gordetzen duzunean ere.
- Teklatuko lasterbide ugari.
- Kode guztia automatikoki formatua da (markdown izan ezik).
- Dokumentazio sendoa hasieratik.
Cons
- Interfazea apur bat erabatekoa da hasieran, baina ohitzen zara.
- Proiektu-mailako kudeaketa-eginbiderik ez (oraindik).
Dabblet Integrazioak
Edozein plataformak beste zerbitzu batzuekin integratu behar du, eta Dabblet ez da salbuespena. Honako hauek dira Dabbletek eskaintzen dituen integrazioetako batzuk:
Google Analytics
Zure Google Analytics-en jarraipen-kodea erraz gehi dezakezu Dabblet orrietan. Horri esker, zure Dabblet-en orrialdeen bistak eta bestelako estatistikak jarraitzeko aukera izango duzu.
Ubuntu
Dabblet Ubuntu gaiak sortzeko erabil daiteke. Dabblet berri bat sor dezakezu, CSS eta HTML kodea gehitu eta gaiaren aurrebista web arakatzaile batean.
DigitalOcean
Hodeiko ostalaritza-enpresa bakar batek hodeiko informatika zerbitzuak eskaintzen dizkie enpresei, beren eragiketak eraginkorrago hazteko aukera emanez.
Zer egiten du Dabbletek horrekin?
Orain zure Dabblets-ak sortu, kudeatu eta zabaldu ditzakezu Digital Ocean Spaces.
Horri esker, kode zati guztiak leku bakarrean gorde ditzakezu eta besteekin erraz partekatzea errazten du.
Dabblets For Alternatibak
Alternatibak beti daude, eta ildo beretik, hona hemen Dabblet-i buruz hausnartzeko:
Pastebin.com
Programatzaileek, oro har, webgunea erabiltzen dute iturburu-kodea edo konfigurazio-datuen zatiak gordetzeko. Hala ere, edonork jar dezake edozein testu jarritako espazioan.
JS Bin
JS Bin JavaScript-erako doako proba tresna da. Emaitza URL labur baten bidez parteka daiteke panel batean Javascript eta bestean HTML sartu ondoren. Erabili JS liburutegi erabilienetako batzuk hautatzeko aukera ematen dizun menu bat.
CssDeck
Tresna hau ezin hobea da proba-kasuak sortzeko eta trukatzeko, zure kodeketa lanetan lagun zaitzaketen beste batzuekin. Hainbat aukerarekin, proiektuetan kolaboratu ere egin dezakezu berehala beste programatzaile batzuekin.
Plunkerra
Plunker plataforma digital bat da, non web garatzaileek ideia-jasa egin, elkarlanean aritzeko eta beren pentsamenduak partekatzeko.
Adibidez, "Kaixo, mundua!" batekin has zaitezke. programatu edozein hizkuntzatan eta gehitu kode zatiak, markaketak eta pantaila-argazkiak, ikasteko esperientzia aberatsa sortzeko.
Final Word
Amaitzeko, Dabblet tresna erabilgarria da web garatzaileentzat, batez ere azkar eta erraz egiteko moduak bilatzen dituztenentzat probatu haien kodea.
Bere ezaugarri eta integrazio ezberdinekin, zaila da plataforma honen erabilerarik ez aurkitzea.
Probatu gaur!
Utzi erantzun bat