6 Cara Anda Dapat Menggunakan Fitur Unggah File Drag & Drop Divi untuk Meningkatkan Produktivitas
Diterbitkan: 2018-08-22Fitur Unggah File Seret dan Jatuhkan Divi dapat menjadi alat yang luar biasa untuk meningkatkan produktivitas sebagai perancang web. Dalam tutorial ini, saya akan memandu Anda melalui 6 cara menggunakan fitur drag and drop untuk meningkatkan alur kerja desain Divi Anda. Saya akan memberi Anda beberapa tips, contoh, dan cuplikan kode bonus yang bermanfaat di sepanjang jalan juga. Jika ada, selalu menyenangkan untuk menarik dan melepas file hanya untuk melihat apa yang terjadi.
Mari kita mulai!
Tinjauan Singkat Fitur Unggah File Drag & Drop Divi
Fitur Drag & Drop File Upload adalah cara mudah untuk menambahkan konten ke halaman Anda saat menggunakan Divi Builder. Seperti namanya, Anda dapat menarik dan melepas file ke halaman Anda untuk menambahkan konten tanpa proses normal menyiapkan bagian, baris, dan modul Anda sebelumnya. Dan Divi akan menempatkan konten secara berbeda tergantung pada jenis file. Misalnya, file txt akan ditambahkan ke modul teks, file html akan ditambahkan ke modul kode, dan file css akan ditambahkan sebagai CSS khusus ke halaman Anda.
Jenis File yang Didukung dan Perilaku Seret & Lepasnya
Berikut adalah daftar semua jenis file yang saat ini didukung oleh fitur Drag & Drop. Ini mungkin berguna ketika memikirkan cara Anda dapat memanfaatkan fitur dalam proses desain Anda. Saya juga telah menambahkan deskripsi singkat untuk membantu Anda memahami apa yang akan terjadi saat menyeret jenis file ini.
File Gambar
- gif
- jpeg
- jpg
- png
Saat menjatuhkan dalam satu file gambar, Divi akan membuat bagian baru dan baris satu kolom dan kemudian menambahkan modul gambar dengan gambar Anda yang sudah diunggah ke modul.
Saat memasukkan beberapa file gambar sekaligus, Divi akan membuat struktur yang sama (bagian dan baris baru) tetapi akan menambahkan gambar Anda ke modul galeri.
File Teks
- txt
Menjatuhkan file txt akan menambahkan teks ke modul teks baru di dalam bagian dan baris baru.
File Font
- otf
- ttf
Menjatuhkan file font akan memulai modal popup Unggah Font dengan nama font dan font Anda sudah dimuat. Yang perlu Anda lakukan adalah mengonfirmasi bahwa Anda ingin menyertakan semua bobot font yang didukung sebelum mengklik tombol unggah.
File Video
- m4v
- pindah
- webm
- wmv
- mp4
Menjatuhkan satu atau lebih file video akan menambahkan setiap video ke modul video baru di dalam bagian dan baris baru.
File audio
- mp3
- wav
Menjatuhkan satu atau lebih file audio akan menambahkan setiap file audio ke modul audio baru di dalam bagian dan baris baru.
File Web
- json
- html
- css
File json adalah untuk tata letak halaman apa pun yang telah Anda ekspor. Menyeret file json akan secara otomatis memuat tata letak halaman ke halaman.
Menyeret file html akan menambahkan html ke modul kode baru di dalam bagian dan baris baru.
Menyeret file CSS akan secara otomatis menambahkan kode css ke CSS khusus untuk halaman Anda, yang dapat ditemukan di bawah tab lanjutan di pengaturan halaman Anda.
Secara keseluruhan, prosesnya intuitif dan memiliki beberapa kemungkinan besar untuk meningkatkan alur kerja. Mari masuk ke beberapa cara Anda dapat menggunakan fitur ini.
#1 Seret Cuplikan CSS Kustom ke Halaman Anda sesuai Kebutuhan
Sebagian besar dari Anda pengguna Divi di luar sana menyukai Divi secara khusus karena Anda tidak harus menggunakan CSS khusus. Inilah yang membuat Divi begitu hebat. Namun, dalam hal kustomisasi Tema WordPress, CSS kustom (bahkan dalam Divi) masih merupakan aset yang berharga.
Seperti pengembang web yang baik, Anda harus menyimpan cuplikan CSS Anda di sepanjang jalan sehingga Anda dapat dengan mudah mengaksesnya untuk proyek mendatang. Ini tidak hanya akan membuat Anda lebih mahir dalam membangun situs web, tetapi juga memungkinkan Anda untuk memanfaatkan fitur drag & drop Divi.
Misalnya, Anda memiliki cuplikan CSS untuk menyembunyikan bilah footer bawah di halaman Divi Anda. Jika Anda menyimpan cuplikan itu sebagai file css dengan judul "Sembunyikan Footer Bawah", Anda dapat mengambil file itu dan menyeretnya ke halaman Anda untuk hasil instan.
Divi Secara Otomatis Mengatur Cuplikan Anda dengan Setiap Drop
Dengan setiap file css yang Anda seret ke halaman Anda, Divi akan mengekstrak CSS dan menambahkannya ke halaman Anda. Anda dapat melihat css khusus ini kapan saja di bawah tab lanjutan dari pengaturan halaman Anda.
Anda juga akan melihat bahwa Divi akan dengan cerdas mengatur cuplikan css Anda dengan membungkusnya dengan komentar. Jika Anda tidak tahu, komentar digunakan di dalam kode untuk mengidentifikasi dan/atau menjelaskan blok kode tertentu dengan mudah. Sebelum potongan CSS Anda, Divi memasukkan komentar dengan teks "Mulai" diikuti dengan judul file CSS Anda, "Sembunyikan Footer Bawah". Setelah cuplikan, Divi menyisipkan komentar lain dengan teks "End" diikuti dengan judul file.
Berikut adalah contoh tampilan cuplikan di pengaturan halaman setelah menyeret file CSS "Sembunyikan Footer Bawah".
/* BEGIN: Hide Bottom Footer */
#main-footer {
display: none;
}
/* END: Hide Bottom Footer */
Bagi Anda yang tidak tahu cara membuat css sendiri, Anda dapat mengandalkan tutorial bermanfaat di luar sana di web yang menyediakannya untuk Anda. Itu keren. Kita semua melakukannya. Tetapi jika Anda ingin memanfaatkan fitur seret dan lepas, Anda mungkin ingin mulai menyimpan cuplikan tersebut sebagai file individual dan memberi nama yang sesuai. Dengan begitu, setiap cuplikan hanya berjarak seret dan lepas.
Dua Contoh Cuplikan CSS yang Dapat Anda Gunakan untuk Animasi Hover
Dengan CSS, kemungkinannya hampir tidak terbatas. Tapi saya pikir saya akan memberi Anda beberapa contoh cuplikan css yang dapat Anda simpan ke perpustakaan Anda yang akan menambahkan animasi ke situs Anda.
Simpan cuplikan css berikut sebagai file “.css” (beri nama seperti “Scale Icons on Hover”).
.et-pb-icon {
-webkit-transition: all .2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.et-pb-icon:hover {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
Kemudian simpan cuplikan berikut ini sebagai file “.css” lainnya dengan nama “Blurb Shadow on Hover”.
.et_pb_blurb:hover {
-moz-box-shadow: 0px 0px 20px #ccc;
-webkit-box-shadow: 0px 0px 20px #ccc;
box-shadow: 0px 0px 20px #ccc;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
Setelah Anda memiliki kedua file yang disimpan ke komputer Anda. Pilih kedua file dan seret ke halaman. Anda tentu saja dapat menyeret hanya satu jika Anda mau, tetapi saya pikir saya akan menunjukkan kepada Anda bahwa itu berfungsi dengan banyak file juga. Ini akan segera menyebabkan semua modul uraian memiliki efek pop-up dengan menambahkan bayangan kotak di hover. Ini juga akan menyebabkan semua ikon uraian menskala (menjadi lebih besar) saat Anda mengarahkan kursor ke atasnya.
Hal-hal yang cukup keren.
Dan Anda dapat membayangkan betapa membantunya setelah Anda memiliki gudang file css yang Anda inginkan.
#2 Seret dan Jatuhkan Font Kustom ke Halaman Anda dan Ganti Font Saat Ini dengan Cepat
Jika Anda membangun situs web, Anda sudah familiar dengan kebutuhan untuk memiliki banyak pilihan font yang tersedia. Divi memiliki ratusan font yang terpasang di Divi Builder yang membuat segalanya jauh lebih mudah. Dan Anda selalu dapat menggunakan opsi untuk mengunggah font baru dari dalam Divi Builder. Tetapi dengan fungsionalitas Drag and Drop baru Divi, menambahkan font baru ke situs Anda sangat sederhana.
Katakanlah Anda menggunakan salah satu tata letak yang dibuat sebelumnya tetapi ingin mencoba font baru yang belum tersedia di Divi. Berikut adalah cara mudah untuk mengubah font:
Pastikan pembuat visual diaktifkan dan Anda telah mengunggah tata letak yang sudah jadi. Kemudian yang harus Anda lakukan adalah menyeret file font Anda dari komputer ke halaman/pembuat visual di dalam jendela browser. Kemudian klik tombol unggah.
Seret & Jatuhkan dengan Temukan & Ganti adalah Kombo yang Kuat
Untuk melangkah lebih jauh, Anda dapat menggunakan fitur Temukan & Ganti Divi untuk mengganti font yang digunakan dalam judul tata letak premade dengan font baru yang baru saja Anda masukkan.
Menggunakan tata letak Halaman Arahan Agensi Kreatif, buka modul teks yang berisi teks header di bagian atas. Kemudian klik kanan pada opsi font heading. Di menu klik kanan, pilih Temukan & Ganti.
Di popup Temukan & Ganti, pilih font baru Anda di bawah opsi "Ganti Dengan" dan klik tombol Ganti biru.
Sekarang semua tajuk Anda memiliki font baru di tempatnya!
#3 Seret dan Jatuhkan Beberapa Gambar untuk Membuat Galeri Foto Instan dengan Judul
Fungsionalitas Drag and Drop Divi memungkinkan Anda untuk menyeret gambar ke situs Anda dengan mudah. Ini sangat berguna saat membangun situs web dengan banyak gambar. Dan karena kebanyakan orang menyimpan gambar yang disimpan dalam folder di komputer mereka, sangat nyaman untuk dapat memilih gambar tersebut dan menyeretnya ke halaman Anda.
Inilah cara kerjanya saat menyeret dan menjatuhkan dalam satu gambar.
Saat Anda menyeret satu gambar ke pembuat visual, itu akan secara otomatis melakukan hal berikut:
1. Buat bagian reguler baru dengan satu baris kolom
2. Tambahkan modul gambar ke baris
3. Masukkan gambar ke modul gambar itu
4. Buka pengaturan gambar sebagai kemudahan untuk memulai proses pengeditan.
Inilah cara kerjanya saat menyeret banyak gambar.
Saat Anda menyeret banyak gambar ke halaman pembuat visual Anda, Divi akan secara otomatis melakukan hal berikut:
1. Buat bagian reguler baru dengan satu baris kolom
2. Tambahkan Modul Galeri ke baris
3. Masukkan gambar baru ke dalam modul Galeri
4. Buka pengaturan Modul Galeri untuk membantu memulai proses pengeditan.
Siapkan Gambar Anda Sebelum Menyeretnya ke Halaman Anda
Untuk memastikan galeri gambar Anda terlihat bagus, ada baiknya melakukan beberapa pengoptimalan sebelumnya.
Ukuran gambar
Pertama, pastikan semua gambar Anda berukuran sama. Saya akan menyarankan menggunakan gambar yang berukuran sekitar 1500px kali 800px. Ini memberikan ukuran yang bagus untuk gambar saat digunakan di lightbox. Selain itu, Divi akan menggunakan versi gambar yang lebih kecil untuk thumbnail di galeri. Saat kami membahas masalah ini, mungkin membantu untuk meninjau beberapa ukuran gambar yang disarankan untuk Modul Divi. Setelah itu, Anda dapat mengecilkan ukuran file sedikit lebih banyak dengan menyeretnya ke TinyPNG atau menggunakan editor foto Anda untuk menyimpannya untuk spesifikasi web.
Judul Gambar
Secara default, Divi akan menampilkan judul gambar Anda di bawah setiap thumbnail di galeri Anda. Jadi, itu membuat (jika Anda ingin judul ini ditampilkan), untuk memberi gambar Anda judul yang benar sebelum menyeretnya.
#4 Seret File MP3 ke Halaman Anda dengan file CSS untuk Melompati Desain
Bagi Anda podcaster di luar sana, ini pasti dapat meningkatkan produktivitas. Karena fitur Drag & Drop Divi mendukung format file mp3 dan wav, Anda dapat dengan mudah memasukkannya ke dalam builder untuk memulai proses pembangunan.
Saat Anda menyeret satu file mp3 atau wav ke halaman, Divi akan secara otomatis melakukan hal berikut:
1. Buat bagian reguler baru dengan satu baris kolom
2. Tambahkan modul audio baru dengan file audio Anda terlampir
3. Buka modal pengaturan autio untuk memulai proses pengeditan.
Saat Anda menyeret beberapa file mp3 atau wav ke halaman, Divi akan melakukan hal yang sama seperti saat menyeret satu file audio ke atas, kecuali itu akan melakukan ini beberapa kali. Jadi jika Anda menyeret 4 file audio, Divi akan membuat 4 bagian berbeda dengan satu baris kolom berisi modul audio dengan file audio terlampir. Modal pengaturan audio juga akan muncul untuk mulai mengedit modul audio terakhir yang ditambahkan ke halaman.
Seret file CSS untuk langsung menata semua modul audio sekaligus
Jika Anda terbiasa menggunakan CSS khusus untuk menambahkan gaya tambahan ke halaman Divi Anda, saya sarankan Anda menyimpan potongan-potongan itu dalam file css untuk digunakan untuk pembuatan berikutnya (walaupun saya yakin Anda sudah mengetahuinya). Jadi, jika Anda memiliki cuplikan css untuk menata modul audio dengan cara tertentu, simpan css itu di file css terpisah. Kemudian Anda dapat dengan mudah menyeret file css itu ke halaman untuk langsung menata semua modul audio Anda.
CSS yang saya gunakan dalam ilustrasi di atas adalah contoh cepat, tetapi jika Anda ingin mencobanya, salin CSS khusus berikut:
.et_pb_audio_module_content h2 {position: absolute;
top: -40px;
background: #c5310d;
padding: 0.6em;
left: 50px;}
.et_audio_module_meta {
position: absolute;
bottom: -45px;
right: 30px;
background: #c5310d;
padding: 1em !important;
}
.et_pb_audio_module {
background: #888 !important;
}
.et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before {
color: #c5310d;
}
.mejs-time-handle-content {
border: 4px solid #c5310d;
height: 14px;
left: -7px;
top: -6px;
width: 14px;
background: #c5310d;
}
.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total
{
background: #222;
}
Kemudian paste ke editor teks dan simpan dengan format file css (harus berekstensi “.css”). Setelah Anda menyimpannya ke komputer Anda. Seret ke pembuat visual yang berisi uraian audio Anda.
#5 Buat Blok Kode yang Dapat Digunakan Kembali yang Dapat Diseret ke Halaman Anda untuk Implementasi Instan
Fitur Drag & Drop Divi mendukung file CSS dan HTML (maaf file javascript tidak diperbolehkan). Meskipun bagi mereka yang tahu apa yang mereka lakukan, Anda mungkin dapat menambahkan skrip ke dalam file HTML yang akan menambahkan fungsionalitas javascript itu untuk Anda. Tetapi ini memberikan kesempatan untuk menggabungkan file-file ini untuk membuat blok kode yang berguna yang dapat Anda seret ke halaman untuk hasil instan.
Contoh 1: Seret dan Lepas file Pena Kode yang Diekspor ke Halaman Anda
Jika Anda adalah penggemar codepens, Anda mungkin sudah menyiapkan beberapa keajaiban drag and drop yang berguna. Sebelum Anda terlalu bersemangat, saya harus memperingatkan Anda bahwa untuk membuat file yang akan langsung mempengaruhi situs Anda saat menyeretnya, Anda akan dibatasi pada codepen yang menggunakan kombinasi html dan css saja.
Berikut adalah bagaimana proses ini dapat bekerja untuk Anda.
Buka halaman yang menampilkan Codepen yang ingin Anda ekspor dan klik tombol ekspor di kanan bawah halaman.
Ekstrak file di komputer Anda dan cari file html dan file css. Gunakan editor teks untuk melihat file html Anda dan keluarkan semua tag yang tidak Anda perlukan (doctype, html, header, body) sehingga yang tersisa hanyalah html yang Anda lihat di kotak html codepen . Kemudian simpan filenya.
Bahkan, untuk file HTML Anda mungkin lebih baik menyalin HTML langsung dari pena dan membuat file html Anda sendiri.
Sekarang temukan file CSS (harus terletak di dalam folder CSS). Pastikan Anda menggunakan file CSS dan bukan file SCSS (Jenis file ini tidak didukung oleh fitur Drag and Drop).
Sekarang seret kedua file ke halaman dengan pembuat visual Anda aktif.
Inilah yang terjadi secara otomatis:
1. Divi membuat bagian baru dengan baris satu kolom.
2. Divi menambahkan modul kode ke baris dengan html Anda sebagai konten.
3. Divi menambahkan css khusus ke blok CSS khusus pengaturan halaman Anda.
Jika Anda mendapatkan kesalahan, itu berarti Anda tidak memiliki jenis file yang tepat atau konten file memiliki kode yang tidak didukung. Misalnya, jika file html memiliki doctype dan tag html, file tersebut tidak akan berfungsi. Juga, jika file css Anda memiliki kode SCSS, itu juga dapat memicu kesalahan.
Memang, ini bukan proses yang paling mulus pada awalnya. Anda harus mengatur kode dan file Anda sedikit. Jadi, jika Anda tidak terbiasa dengan html dan CSS, ini mungkin sulit. Tetapi hasil akhirnya bisa terbukti sangat berharga karena Anda akan dapat menyimpan beberapa blok kode yang dapat digunakan kembali yang hanya berjarak seret dan lepas.
Saya juga harus mencatat bahwa Anda harus terbiasa dengan lisensi Codepen sebelum menyalin kode yang bukan milik Anda.
Contoh 2: Seret dan Lepas Instance Terisolasi dari Font yang Mengagumkan ke Halaman Anda
Jika Anda terbiasa menggunakan Font Awesome di situs Divi Anda, Anda mungkin mendapat manfaat dari memiliki beberapa file "siap seret" yang memungkinkan Anda memasukkan instance Font Awesome ke halaman Anda. Ini sebenarnya dapat dilakukan dengan satu file HTML tunggal.
Berikut adalah bagaimana proses ini dapat bekerja untuk Anda.
Ambil skrip Font Awesome dari situs web mereka. Pastikan itu adalah versi SVG + JS. Kemudian salin skrip ke clipboard Anda.
Kemudian buat file teks baru dan rekatkan kodenya. Di bawah skrip, tambahkan kode html dan font yang ingin Anda terapkan ke halaman Anda.
Berikut adalah contoh kode html "seret siap" dengan daftar menggunakan ikon font yang mengagumkan:
<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js" integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy" crossorigin="anonymous"></script> <h2>Header</h2> <ul class="fa-ul" style="list-style:none; font-size: 18px"> <li><i style="color: Tomato; " class="fa-li fas fa-address-book"></i>Your content goes here. </li> <li><i style="color: Dodgerblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li> <li><i style="color: Mediumslateblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li> <li><i style="color: Tomato; " class="fa-li fas fa-address-book"></i>Your content goes here. </li> <li><i style="color: Dodgerblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li> <li><i style="color: Mediumslateblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li> </ul>
Pastikan Anda menyimpan file Anda sebagai file html. Kemudian seret ke halaman Anda dengan pembuat visual.
Divi akan secara otomatis menambahkan html ke modul kode untuk Anda dan sekarang Anda memiliki daftar font yang mengagumkan yang siap diedit untuk halaman Anda.
Anda mungkin berharap bahwa daftar itu dimasukkan ke dalam modul teks sehingga Anda dapat menggunakan pengaturan teks konten. Tetapi karena ini tidak terjadi secara otomatis, Anda mungkin ingin membatasi file html Anda untuk menyertakan skrip. Dan kemudian tempel di html Anda ke modul teks. Tetapi bagi Anda yang memiliki file css untuk menangani desain, alangkah baiknya jika Anda dapat menyeretnya dengan file html Anda.
#6 Buat Perpustakaan Tata Letak Halaman Divi (file json) di Hard Drive Anda untuk Diseret ke halaman Anda untuk Pengembangan Lebih Cepat
Dengan Divi, Anda dapat dengan mudah menyimpan dan mengekspor seluruh tata letak halaman yang telah Anda rancang. Ada dua manfaat yang sangat besar untuk fungsi ini. Manfaat pertama adalah memiliki kemampuan untuk menyimpan tata letak halaman di dalam Divi Library untuk membantu mempercepat proses desain saat membangun situs web. Manfaat kedua adalah memiliki kemampuan untuk mengekspor tata letak halaman ke komputer Anda sendiri. Ini memungkinkan Anda mengumpulkan koleksi tata letak halaman (file json) yang berharga untuk memulai proyek Anda berikutnya.
Dan fitur Seret dan Lepas yang baru memungkinkan Anda untuk dengan cepat menyeret tata letak yang disimpan tersebut ke pembuat visual untuk pengembangan yang lebih cepat.
Inilah bagaimana proses ini mungkin berhasil untuk Anda.
Katakanlah Anda ingin menyimpan hanya bagian header dari tata letak Halaman Arahan Agensi Desain (Ini bisa berupa desain apa pun yang Anda suka, tetapi untuk contoh ini, saya menggunakan tata letak yang sudah jadi). Setelah Anda memuat tata letak ke halaman Anda, hapus setiap bagian dalam tata letak kecuali bagian tajuk atas. Kemudian Anda akan mengekspor tata letak ke hard drive Anda.
Untuk mengekspor tata letak halaman menggunakan pembuat visual, buka menu pengaturan dan klik ikon portabilitas. Kemudian di popup portabilitas, masukkan nama ("Tata Letak Header Agensi Desain"), dan klik tombol Ekspor Tata Letak Pembuat Divi.
Ini akan menyimpan tata letak ke komputer Anda sebagai file json.
Sekarang jika saya menghapus bagian tajuk di halaman saya sehingga halaman saya sekarang kosong dari bagian mana pun, saya dapat dengan mudah menambahkan tajuk itu kembali ke halaman saya dengan menyeret file json ke halaman.
Ketika saya menyeret file json, modal portabilitas muncul secara otomatis untuk memungkinkan saya memilih opsi untuk mengganti konten yang ada, atau membuat cadangan sebelumnya. Karena saya tidak perlu mengganti konten apa pun, yang harus saya lakukan hanyalah mengklik tombol impor dan konten itu langsung dimuat ke halaman.
Ini mungkin tidak terlalu mengesankan, tetapi memiliki kemungkinan untuk benar-benar mempercepat proses desain. Jika saya memiliki banyak koleksi file json dengan tata letak halaman yang berbeda (masing-masing dengan elemen tertentu yang saya suka). Saya kemudian dapat menggunakan file-file itu seperti blok bangunan dan menyeretnya ke halaman satu per satu. Pastikan Anda deskriptif dalam judul yang Anda berikan saat mengekspornya.
Pikiran Akhir
Fitur Drag & Drop Divi pasti bisa menjadi alat yang berguna untuk meningkatkan alur kerja desain web Anda. Ada beberapa batasan yang mungkin membuat frustrasi pada awalnya, tetapi semoga artikel ini akan membantu Anda memahami cara memanfaatkan fitur ini untuk membuat perpustakaan pribadi dari file yang dapat diseret yang akan meningkatkan produktivitas Anda dalam desain web.
Saya akan senang mendengar ide Anda sendiri di komentar di bawah.
Bersulang!