Bab lan Paragraf[Singidaken][Tampilake]
Apa sampeyan pengin ana aplikasi web utawa ekstensi sing ngidini sampeyan nggawe lan nuduhake prototipe UI kanthi cepet?
Kita kabeh! Kita kabeh duwe gagasan babagan carane situs utawa aplikasi katon lan dirasakake.
Dadi, sampeyan nggawe desain sing apik banget lan ora bisa ngelingi persis carane sampeyan nindakake?
Saiki sampeyan kudu golek cara kanggo nuduhake. Iki bisa njupuk dina, malah minggu, yen sampeyan nyoba kanggo nuduhake desain cantik Komplek.
Ora ana alesan kanggo ngenteni nggawe prototipe aplikasi web sampeyan. Gawe saiki karo Dabblet.
Seret lan selehake unsur, gaya, lan simpen. Kirim menyang desainer kanggo ditinjau utawa mung nyalin menyang presentasi. Kemungkinan ora telas.
Apa iku Dabblet?
nggunakake kepleset, sampeyan bisa nyoba nganggo potongan cilik saka CSS lan kode HTML ing wektu nyata.
Sampeyan ora mbutuhake prefiks ing kode CSS nalika nggunakake iki. GitHub Gists ngidini sampeyan nyimpen konten, ngirim ing situs liyane, lan bareng karo wong liya.
Iki minangka cara sing apik kanggo nuduhake potongan kode karo pangembang liyane lan entuk umpan balik.
Carane Ora Operasi?
Sanalika kode diketik, output visual langsung katon ing ndhuwur. JavaScript Iki minangka pangecualian siji-sijine, amarga bakal ngganggu yen mbukak ing saben keystroke lan malah bisa nyebabake browser dadi ora bisa digunakake ing kahanan tartamtu.
Nggunakake opsi "Run JS" ing tab JavaScript utawa trabasan keyboard (Ctrl + Enter utawa Cmd + Enter) bakal mbukak JavaScript nalika Dabblet mlaku. Menu pilihan ngidini sampeyan ngowahi gaya iki.
Minangka pangembang, sampeyan bisa ngalih ing antarane coding ing telung basa kasebut bebarengan utawa ndeleng produk sing wis rampung.
fitur
Ing ngisor iki minangka fitur Dabblet sing sampeyan kudu ngerti:
Suntingan CSS cepet: Sampeyan bisa nambah, ngowahi lan mbusak properti CSS kanthi cepet. Owah-owahan bakal dibayangke ing kaca kanthi wektu nyata.
Sorotan Syntax: Kode CSS lan HTML disorot sintaks, supaya gampang diwaca lan dimangerteni. Kode kasebut uga bakal divalidasi nalika sampeyan ngetik. Sampeyan uga bisa milih kanggo ndhelikake kothak kode yen pengin.
Rampung otomatis: Dabblet nawakake lengkap otomatis kanggo sifat lan nilai CSS. Iki bisa migunani banget nalika sampeyan nggawe utawa nyunting stylesheet.
Lembar Gaya CSS Pra-Built: Sampeyan bisa ngakses lembar gaya CSS sing wis dibangun saka situs web populer. Iki bisa digunakake kanthi cepet lan gampang nambah gaya menyang situs web sampeyan dhewe.
Dhukungan utama: Dabblet ndhukung GitHub Gists, ngidini sampeyan nyimpen lan nuduhake potongan kode karo wong liya kanthi gampang.
Pratayang Live: Sampeyan bisa ndeleng asil saka owah-owahan kode ing wektu nyata tanpa reloading kaca. Contone, yen sampeyan ngganti werna teks, sampeyan bakal weruh owah-owahan sing dibayangke ing teks nalika sampeyan ngetik.
Trabasan Keyboard: Dabblet nduweni trabasan keyboard kanggo tugas umum, kayata nambahake aturan gaya anyar utawa menehi komentar.
Multiple View Modes: Dabblet nawakake macem-macem mode tampilan, sing ngijini sampeyan kanggo ndeleng kode lan asil sisih-by-sisih utawa ndhuwur lan ngisor saben liyane.
Pros
- CSS cepet
- Sanajan sampeyan wis mlebu, sampeyan isih bisa nyimpen incognito.
- Pratinjau nilai CSS inline kanggo macem-macem paramèter kayata sudut, warna, durasi, lsp.
- Kabeh iku XHR-ed, supaya kaca ora tau refresh, malah nalika sampeyan nyimpen.
- Trabasan keyboard akeh banget.
- Kabeh kode format otomatis (kajaba markdown).
- Dokumentasi sing kuat wiwit wiwitan.
cons
- Antarmuka rada akeh banget ing wiwitan, nanging sampeyan wis biasa.
- Ora ana fitur manajemen tingkat proyek (durung).
Integrasi Dabblet
Sembarang platform kudu nggabungake karo layanan liyane, lan Dabblet ora terkecuali. Ing ngisor iki sawetara integrasi sing ditawakake Dabblet:
Google Analytics
Sampeyan bisa kanthi gampang nambah kode pelacakan Google Analytics menyang kaca Dabblet. Iki bakal ngidini sampeyan nglacak tampilan kaca lan statistik liyane kanggo Dabblet sampeyan.
ubuntu
Dabblet bisa digunakake kanggo nggawe tema Ubuntu. Sampeyan bisa nggawe Dabblet anyar, nambah kode CSS lan HTML, lan pratinjau tema ing browser web.
DigitalOcean
Perusahaan hosting awan siji-siji nyedhiyakake layanan komputasi awan kanggo bisnis, supaya bisa ngembangake operasi kanthi luwih efisien.
Apa sing ditindakake Dabblet?
Sampeyan saiki bisa nggawe, ngatur lan masang Dabblets ing Angkasa DigitalOcean.
Iki ngidini sampeyan nyimpen kabeh potongan kode ing sak panggonan lan nggampangake kanggo nuduhake karo wong liya.
Alternatif Kanggo Dabblets
Alternatif mesthi ana, lan kanthi cara sing padha, ana sawetara sing kudu dipikirake nalika nerangake Dabblet:
Pastebin.com
Programer umume nggunakake situs web kanggo nyimpen kode sumber utawa fragmen data konfigurasi. Nanging, sapa wae bisa nglebokake teks apa wae ing papan sing kasedhiya.
JS Bin
JS Bin minangka alat uji coba gratis kanggo JavaScript. Asil kasebut bisa dituduhake liwat URL sing cendhak yen Javascript wis dilebokake ing siji panel lan HTML ing sisih liyane. Gunakake menu sing ngidini sampeyan milih saka sawetara perpustakaan JS sing paling umum digunakake.
CSSDeck
Alat iki apik kanggo nggawe lan ijol-ijolan kasus tes karo wong liya sing bisa nulungi upaya coding sampeyan. Kanthi macem-macem opsi, sampeyan bisa uga langsung kolaborasi ing proyek karo programer liyane.
Plunker
Plunker minangka platform digital ing ngendi pangembang web bisa brainstorming, kolaborasi, lan nuduhake pikirane.
Contone, sampeyan bisa miwiti karo "Halo, donya!" program ing basa apa wae lan tambahake potongan kode, markdown, lan gambar kanggo nggawe pengalaman sinau sing sugih.
Tembung Final
Kesimpulane, Dabblet minangka alat sing migunani kanggo pangembang web, utamane sing golek cara kanthi cepet lan gampang nyoba kode sing.
Kanthi macem-macem fitur lan integrasi, angel ora golek panggunaan kanggo platform iki.
Coba dina iki!
Ninggalake a Reply