Pernahkah Anda berharap ada aplikasi web atau ekstensi yang memungkinkan Anda membuat dan berbagi prototipe UI dengan cepat?
Kita semua melakukannya! Kita semua memiliki gagasan tentang bagaimana kita ingin situs atau aplikasi kita terlihat dan terasa.
Jadi, Anda datang dengan desain yang sangat bagus dan tidak ingat persis bagaimana Anda melakukannya?
Sekarang Anda harus menemukan cara untuk membagikannya. Ini bisa memakan waktu berhari-hari, bahkan berminggu-minggu, jika Anda mencoba berbagi desain yang cukup rumit.
Tidak ada alasan untuk menunggu untuk membuat prototipe aplikasi web Anda. Buat mereka sekarang dengan Dabblet.
Seret dan lepas elemen, gaya, dan simpan. Kirim ke desainer untuk ditinjau atau cukup salin ke presentasi. Kemungkinannya tidak terbatas.
Apa itu Dabblet?
Menggunakan Cobalah, Anda dapat bereksperimen dengan potongan kecil kode CSS dan HTML secara real-time.
Anda tidak memerlukan awalan apa pun dalam kode CSS Anda saat menggunakan ini. GitHub Gists memungkinkan Anda untuk menyimpan konten Anda, mempostingnya di situs lain, dan membagikannya dengan orang lain.
Ini adalah cara yang bagus untuk berbagi cuplikan kode dengan pengembang lain dan mendapatkan umpan balik.
Bagaimana Ini Beroperasi?
Segera setelah kode diketik, output visual langsung terlihat di atasnya. JavaScript adalah pengecualian tunggal, mengingat akan menjengkelkan untuk menjalankannya pada setiap penekanan tombol dan bahkan dapat menyebabkan browser menjadi tidak dapat digunakan dalam situasi tertentu.
Menggunakan opsi "Jalankan JS" di tab JavaScript atau pintasan keyboard (Ctrl + Enter atau Cmd + Enter) akan menjalankan JavaScript saat Dabblet berjalan. Menu opsi memungkinkan Anda untuk mengubah gaya ini.
Sebagai pengembang, Anda dapat beralih di antara pengkodean dalam ketiga bahasa ini secara bersamaan atau melihat produk jadi.
Fitur
Berikut ini adalah fitur-fitur Dabblet yang harus Anda ketahui:
Pengeditan CSS Cepat: Anda dapat dengan cepat menambah, mengedit, dan menghapus properti CSS. Perubahan akan tercermin pada halaman secara real-time.
Sorotan Sintaks: Kode CSS dan HTML disorot sintaks, membuatnya mudah dibaca dan dipahami. Kode juga akan divalidasi saat Anda mengetik. Anda juga dapat memilih untuk menyembunyikan kotak kode jika Anda mau.
Penyelesaian Otomatis: Dabblet menawarkan pelengkapan otomatis untuk properti dan nilai CSS. Ini bisa sangat membantu saat Anda membuat atau mengedit lembar gaya.
Lembar Gaya CSS Pra-Built: Anda dapat mengakses stylesheet CSS yang dibuat sebelumnya dari situs web populer. Ini dapat digunakan untuk menambahkan gaya dengan cepat dan mudah ke situs web Anda sendiri.
Dukungan Inti: Dabblet mendukung GitHub Gists, memungkinkan Anda untuk menyimpan dan membagikan cuplikan kode Anda dengan orang lain dengan mudah.
Pratinjau Langsung: Anda dapat melihat hasil perubahan kode Anda secara real-time tanpa memuat ulang halaman. Misalnya, jika Anda mengubah warna teks, Anda akan melihat perubahan tersebut tercermin pada teks saat Anda mengetik.
Pintasan Keyboard: Dabblet memiliki pintasan keyboard untuk tugas-tugas umum, seperti menambahkan aturan gaya baru atau berkomentar.
Beberapa Mode Tampilan: Dabblet menawarkan beberapa mode tampilan, yang memungkinkan Anda melihat kode dan hasilnya berdampingan atau di atas dan di bawah satu sama lain.
Pro
- CSS cepat
- Meskipun Anda telah masuk, Anda masih dapat menyimpan penyamaran.
- Pratinjau nilai CSS sebaris untuk berbagai parameter seperti sudut, warna, durasi, dll.
- Semuanya XHR-ed, jadi halaman tidak pernah disegarkan, bahkan saat Anda menyimpannya.
- Pintasan keyboard berlimpah.
- Semua kode diformat secara otomatis (kecuali untuk penurunan harga).
- Dokumentasi yang solid sejak awal.
Kekurangan
- Antarmukanya sedikit berlebihan pada awalnya, tetapi Anda akan terbiasa.
- Tidak ada fitur manajemen tingkat proyek (belum).
Integrasi Dabblet
Platform apa pun perlu berintegrasi dengan layanan lain, dan Dabblet tidak terkecuali. Berikut ini adalah beberapa integrasi yang ditawarkan Dabblet:
Google Analytics
Anda dapat dengan mudah menambahkan kode pelacakan Google Analytics ke halaman Dabblet. Ini akan memungkinkan Anda untuk melacak tampilan halaman dan statistik lainnya untuk Dabblet Anda.
Ubuntu
Dabblet dapat digunakan untuk membuat tema Ubuntu. Anda dapat membuat Dabblet baru, menambahkan kode CSS dan HTML, dan melihat pratinjau tema di browser web.
DigitalOcean
Perusahaan hosting awan satu-satunya menyediakan layanan komputasi awan untuk bisnis, memungkinkan mereka untuk mengembangkan operasi mereka secara lebih efisien.
Apa yang dilakukan Dabblet dengannya?
Sekarang Anda dapat membuat, mengelola, dan menerapkan Dabblet Anda di Ruang Laut Digital.
Ini memungkinkan Anda menyimpan semua cuplikan kode di satu tempat dan memudahkan untuk membagikannya dengan orang lain.
Alternatif Untuk Dabblet
Alternatif selalu ada, dan dalam nada yang sama, berikut adalah beberapa untuk direnungkan ketika datang ke Dabblet:
Pastebin.com
Pemrogram umumnya menggunakan situs web untuk menyimpan kode sumber atau fragmen data konfigurasi. Namun, siapa pun dapat memasukkan teks apa pun ke dalam tempat yang disediakan.
Tempat JS
JS Bin adalah alat pengujian gratis untuk JavaScript. Hasilnya dapat dibagikan melalui URL pendek setelah Javascript dimasukkan di satu panel dan HTML di panel lainnya. Manfaatkan menu yang memungkinkan Anda memilih dari beberapa pustaka JS yang paling umum digunakan.
Dek Css
Alat ini sangat bagus untuk membuat dan bertukar kasus uji dengan orang lain yang dapat membantu Anda dalam upaya pengkodean Anda. Dengan berbagai opsi, Anda bahkan dapat berkolaborasi dalam proyek secara instan dengan programmer lain.
Penyedot
Plunker adalah platform digital tempat pengembang web dapat bertukar pikiran, berkolaborasi, dan berbagi pemikiran mereka.
Misalnya, Anda dapat memulai dengan "Halo, dunia!" program dalam bahasa apa pun dan tambahkan cuplikan kode, penurunan harga, dan tangkapan layar untuk menciptakan pengalaman belajar yang kaya.
Final Word
Kesimpulannya, Dabblet adalah alat yang berguna untuk pengembang web, terutama yang mencari cara untuk dengan cepat dan mudah menguji kode mereka.
Dengan berbagai fitur dan integrasinya, sulit untuk tidak menemukan kegunaan platform ini.
Cobalah hari ini!
Tinggalkan Balasan