Naha anjeun kantos ngaharepkeun aya aplikasi wéb atanapi ekstensi anu ngamungkinkeun anjeun nyiptakeun sareng ngabagi prototipe UI dina laleur?
Urang sadaya ngalakukeun! Urang sadayana gaduh ide kumaha urang hoyong situs atanapi aplikasi urang katingali sareng karasa.
Janten, anjeun gaduh desain anu saé pisan sareng teu tiasa émut persis kumaha anjeun ngalakukeunana?
Ayeuna anjeun kedah milarian cara pikeun ngabagikeunana. Ieu tiasa nyandak sababaraha dinten, bahkan minggu, upami anjeun nyobian ngabagi desain anu rumit.
Henteu aya alesan pikeun ngantosan ngadamel prototipe aplikasi wéb anjeun. Jieun aranjeunna ayeuna kalayan Dabblet.
Séred sareng leupaskeun elemen, gaya, sareng simpen. Kirimkeun ka desainer pikeun ditinjau atanapi ngan saukur nyalin kana presentasi. Kamungkinan anu sajajalan.
Naon Dabblet?
maké dabblet, Anjeun bisa ékspérimén kalawan snippét saeutik CSS jeung kode HTML sacara real-time.
Anjeun henteu peryogi awalan dina kode CSS anjeun nalika nganggo ieu. GitHub gists ngidinan Anjeun pikeun nyimpen eusi Anjeun, masangkeunana dina situs séjén, sarta babagi deui ka batur.
Ieu mangrupikeun cara anu saé pikeun ngabagi snippét kode sareng pamekar sanés sareng nampi tanggapan.
Kumaha Dupi Ieu Beroperasi?
Pas kodeu diketik, kaluaran visual langsung katingali dina luhureun éta. JavaScript nyaeta hiji-hijina ngajadikeun bebas, tempo eta bakal irritating mun ngajalankeun eta dina unggal keystroke malah bisa ngabalukarkeun browser jadi unusable dina situasi nu tangtu.
Nganggo pilihan "Run JS" dina tab JavaScript atanapi potong kompas keyboard (Ctrl + Enter or Cmd + Enter) bakal ngajalankeun JavaScript nalika Dabblet dijalankeun. Menu pilihan ngidinan Anjeun pikeun ngarobah gaya ieu.
Salaku pamekar, anjeun tiasa ngalih antara coding dina tilu basa ieu sakaligus atanapi ningali produk réngsé.
Fitur
Ieu mangrupikeun fitur Dabblet anu anjeun kedah terang:
Ngédit CSS gancang: Anjeun tiasa gancang nambihan, ngédit sareng ngahapus sipat CSS. Parobahan bakal ditingali dina halaman sacara real-time.
Sorotan Sintaksis: CSS jeung kode HTML nu sintaksis disorot, sahingga gampang maca jeung ngarti. Kodeu ogé bakal disahkeun nalika anjeun ngetik. Anjeun ogé tiasa milih nyumputkeun kotak kode upami anjeun resep.
Otomatis-Lengkep: Dabblet nawiskeun lengkep otomatis pikeun sipat sareng nilai CSS. Ieu tiasa pohara mantuan nalika anjeun nyieun atawa ngédit stylesheets.
Stylesheets CSS Pra-Diwangun: Anjeun tiasa ngaksés lambaran gaya CSS anu tos diwangun ti situs wéb populér. Ieu tiasa dianggo pikeun gancang sareng gampang nambihan gaya kana halaman wéb anjeun nyalira.
Pangrojong Gist: Dabblet ngadukung GitHub Gists, ngamungkinkeun anjeun pikeun nyimpen sareng ngabagi snippét kode anjeun ka batur kalayan gampang.
Tilik Live Anjeun tiasa ningali hasil parobahan kode anjeun sacara real-time tanpa ngamuat deui halaman. Salaku conto, upami anjeun ngarobih warna téks, anjeun bakal ningali parobihan dina téks nalika anjeun ngetik.
Jalan pintas Keyboard: Dabblet gaduh potong kompas keyboard pikeun tugas umum, sapertos nambihan aturan gaya anyar atanapi mairan.
Sababaraha Mode Témbongkeun: Dabblet nawarkeun sababaraha modus view, nu ngidinan Anjeun pikeun ningali kode jeung hasil sisi-demi-sisi atawa luhur jeung handap unggal lianna.
Naros
- CSS gancang
- Sanaos anjeun asup, anjeun masih tiasa nyimpen incognito.
- Pratinjau nilai CSS Inline pikeun sababaraha parameter sapertos sudut, warna, durasi, jsb.
- Sagalana XHR-ed, jadi kaca pernah refreshes, sanajan anjeun simpen.
- potong kompas keyboard galore.
- Sadaya kode diformat otomatis (iwal markdown).
- Dokuméntasi padet ti mimiti.
kontra
- Antarbeungeutna rada kaleuleuwihi dina mimitina, tapi anjeun biasa.
- Henteu aya fitur manajemén tingkat proyék (acan).
Integrasi Dabblet
Platform naon waé kedah ngahijikeun sareng jasa anu sanés, sareng Dabblet sanés iwal. Ieu sababaraha integrasi anu ditawarkeun Dabblet:
Google Analytics
Anjeun tiasa sacara gampil nambahkeun kode tracking Google Analytics anjeun ka kaca Dabblet. Ieu bakal ngidinan Anjeun pikeun ngalacak pintonan kaca sarta statistik séjén pikeun Dabblet Anjeun.
Ubuntu
Dabblet tiasa dianggo pikeun nyiptakeun téma Ubuntu. Anjeun tiasa nyiptakeun Dabblet énggal, nambihan kode CSS sareng HTML, sareng nilik téma dina browser wéb.
DigitalOcean
Perusahaan hosting awan anu unik nyayogikeun jasa komputasi awan pikeun usaha, anu ngamungkinkeun aranjeunna ningkatkeun operasina langkung éfisién.
Naon anu dilakukeun ku Dabblet?
Anjeun ayeuna tiasa nyiptakeun, ngatur sareng nyebarkeun Dabblets anjeun DigitalOcean Spasi.
Hal ieu ngamungkinkeun anjeun pikeun nyimpen sadaya snippét kode anjeun dina hiji tempat sareng ngagampangkeun pikeun ngabagikeunana ka batur.
Alternatif Pikeun Dabblets
Alternatipna sok aya, sareng dina véna anu sami, ieu mangrupikeun sababaraha anu kedah dipikirkeun ngeunaan Dabblet:
Pastebin.com
Programer umumna nganggo situs wéb pikeun nyimpen kode sumber atanapi fragmen data konfigurasi. Nanging, saha waé tiasa nempatkeun téks naon waé kana rohangan anu disayogikeun.
JS Bin
JS Bin mangrupikeun alat uji gratis pikeun JavaScript. Hasilna bisa dibagikeun ngaliwatan URL pondok sakali Javascript geus diasupkeun dina hiji jandela jeung HTML dina lianna. Anggo ménu anu ngamungkinkeun anjeun milih tina sababaraha perpustakaan JS anu paling sering dianggo.
CSSDeck
Alat ieu saé pikeun nyiptakeun sareng tukeur kasus uji sareng batur anu tiasa ngabantosan anjeun dina usaha coding anjeun. Kalayan sagala rupa pilihan, anjeun malah tiasa kolaborasi dina proyék sacara instan sareng programer sanés.
Plunker
Plunker mangrupikeun platform digital dimana pamekar wéb tiasa brainstorm, kolaborasi, sareng ngabagi pikiranana.
Contona, Anjeun bisa ngamimitian ku "Halo, dunya!" program dina basa naon waé sareng tambahkeun snippét kode, markdown, sareng screenshot pikeun nyiptakeun pangalaman diajar anu beunghar.
Kecap pamungkas
Kasimpulanana, Dabblet mangrupikeun alat anu kapaké pikeun pamekar wéb, khususna anu milari cara gancang sareng gampang nguji kode maranéhna.
Kalawan rupa fitur sarta integrations na, hese teu manggihan pamakéan pikeun platform ieu.
Coba ayeuna!
Leave a Reply