Digital Product Design | September 25, 2018 4:12 am

10 Tools Web Desain Terbaik Tahun 2018

Memasuki bulan-bulan akhir dari tahun 2018, rasanya tidak ada waktu yang lebih tepat bagi Anda yang tertarik untuk mempelajari beberapa keterampilan desain web baru di 2018.

Kali ini, kami akan menyediakan berbagai sumber tools desain web baru, yang akan membuat proses belajar dan mendesain web lebih mudah, seperti transisi ke CSS Grid, atau membangun aplikasi web progresif.

Serta ada palet warna, daftar kode, dan banyak hal kecil lainnya yang akan membuat pekerjaan desain Anda jadi lebih mudah.

Berikut ini 10 Tools Web Desain Terbaik di Tahun 2018 yang perlu ada coba:

01. JavaScript Object Explorer

Alih-alih membongkar-bongkar dokumen dan file, gunakan tool buatan Sarah Drasner ini, untuk menemukan metode objek yang Anda butuhkan.

Gunakan menu drop-down yang ada, jelaskan situasi Anda dan apa yang Anda inginkan, dan Anda mendapatkan penjelasan singkat tentang apa yang Anda butuhkan serta tautan ke dokumen, jika Anda ingin menggali lebih dalam.

02. Workbox

Workbox menghilangkan kesulitan dalam membangun aplikasi berbasis web

Kumpulan pustaka JavaScript dan modul Node dari Google ini akan sangat membantu Anda dalam membuat aplikasi web progresif yang lebih baik, dengan cara mempermudah penambahan dukungan offline.

03. Kap 2.0

Utilitas tangkapan layar sederhana yang memberi hasil berkualitas tinggi

Kap adalah GIF open-source dan aplikasi perekaman layar untuk MacOS. Sangat bagus untuk menangkap file GIF, MP4, WebM, dan APNG, dan mengekspor dengan mudah ke Giphy, Imgur, S3, atau papan klip.

Baca Juga : 10 tools untuk membuat website responsive

Rilisan terbaru menambahkan beberapa fitur baru seperti termasuk trimming, plugin, tangkapan layar full screen, dan tangkapan window.

04. Pigment

Alat palet satu warna ini adalah pilihan yang baik jika Anda membuat sesuatu dengan dua warna utama dan Anda ingin melihat bagaimana keserasian kedua warna tersebut.

Anda dapat menyesuaikan intensitas warna serta pencahayaan untuk mendapatkan berbagai pilihan yang berbeda, dan setiap pasangan warna dilengkapi dengan dua palet tambahan yang terkait.

05. Duotone

Duotone adalah tools lain dari ShapeFactory yang membantu Anda mengonversi sebuah gambar menjadi warna duotone. Pilih dua warna dan seret slider untuk mendapatkan hasil secara real-time.

06. Learn CSS Grid

Disponsori oleh Mozilla, Wes Bos telah membuat seri video gratis yang akan membuat Anda lebih cepat menguasai CSS Grid, hanya dalam waktu empat jam. Kursus ini terdiri dari 25 video dan kumpulan file starter dan latihan untuk mengajari Anda cara menggunakan sistem tata letak web yang baru.

07. Basin

Tak perlu repot-repot repot-repot menulis backend form dengan menggunakan Basin. Semua mudah disiapkan dan menyediakan banyak fitur berguna untuk menangani data pengiriman dan melacak konversi termasuk pemfilteran spam, respons otomatis, ekspor CSV, dan fasilitas untuk pengguna formulir untuk melampirkan file.

08. CSS Gridish

Tool dari IBM ini bertujuan untuk mempermudah Anda dan tim menggunakan Grid CSS. CSS Gridish akan mengambil spek desain dari grid produk Anda, dan menciptakan sejumlah resource yang dapat dikerjakan terpisah. Anda dan tim dapat mengerjakan CSS Grid secara bersama-sama di tempat terpisah secara lebih cepat, dengan membuat beberapa sumber yang berguna untuk memperlancar proses transisi.

09. Scrimba

Scrimba adalah alat untuk mengajar dan belajar kode menggunakan screencasts interaktif yang memungkinkan pengguna untuk bermain-main dengan kode yang mereka pelajari. Ini adalah platform yang bagus jika Anda memiliki sesuatu yang ingin Anda bagikan, dan juga bagus untuk berdiskusi bersama.

10. CSS Cheat Sheet

Pilihan Anda terhadap cheat sheet CSS akan kembali pada selera pribadi. Tetapi izinkan kami untuk menawarkan karya Adam Marsden untuk pertimbangan Anda. CSS Cheat Sheet ini ditata dengan baik dan menyediakan tautan ke detail lebih lanjut di Jaringan Pengembang Mozilla.

Nah, itu tadi sejumlah tools web desain yang akan mempermudah proses desain web Anda di 2018 ini. Selamat mencoba!