50 Alat Kecil Berbasis Web untuk Desainer Web dari tahun 2022
Diterbitkan: 2022-12-13Semua dibuat dan dirilis tahun ini, masing-masing aplikasi berbasis web gratis ini menawarkan solusi hemat waktu untuk banyak tugas desain web yang perlu Anda lakukan dari waktu ke waktu. Tanpa harus menginstal apa pun, yang harus Anda lakukan adalah menandai dan menyimpannya untuk hari itu ketika mereka akan dipanggil.
Beberapa penghemat waktu kecil ini akan membantu Anda menilai aksesibilitas situs Anda dengan lebih baik, memeriksa CSS Anda untuk kelas yang berlebihan, menyalin & menempel animasi CSS, mempercantik tangkapan layar kode Anda, dan banyak lagi.
Apa pun penghemat waktu desain web yang Anda cari, kemungkinan besar Anda akan menemukannya di sini.
Jika Anda mencari koleksi alat kecil mungil tahun lalu untuk desainer web, inilah semuanya.
- Alat & Generator Warna
- Generator Pola & Gradien
- Pembuat Tangkapan Layar Kode
- Alat & Editor Efek Gambar
- Alat & Generator CSS
- Pembuat Tombol CSS
- Penganalisis Kualitas Kode CSS
- Font & Alat Tipografi
- Alat Aksesibilitas Web
- Set Ikon & Alat
- Alat Penurunan Harga & Editor Online
- Alat & Generator Lain-Lain
Alat & Generator Warna
Alat Rona
Toolbox open-source sederhana untuk bekerja dengan warna. Ini termasuk, pencampuran warna, pencampuran, konversi, modifikasi, informasi terperinci, dan banyak lagi. 
Huemint
Alat ini menggunakan pembelajaran mesin untuk membuat skema warna yang unik. 
Pembuat Nama Warna
Masukkan kode hex dan aplikasi ini akan memberinya nama, dan menghasilkan variabel CSS. 
Alphredo
Buat skala warna yang sempurna dengan generator alfa online ini. 
Generator Pola & Gradien
Bersifat jala
Alat berbasis browser ini akan membantu Anda membuat gradien jala yang dapat diekspor sebagai gambar PNG. 
Gradien
Gunakan alat online ini untuk membuat gradien kompleks yang dapat diekspor dalam berbagai format. 
Gradien Bayangan CSS
Salin & tempel gradien bayangan warna-warni atau desain sendiri dengan alat berbasis web ini. 
Pembuat Tangkapan Layar Kode
Pika
Alat berbasis web ini akan membantu Anda membuat tangkapan layar yang indah yang dapat Anda bagikan di media sosial atau postingan blog. 
Tweetlet
Alat gratis untuk menghasilkan gambar tweet Anda yang dapat dibagikan. 
kod.so
Aplikasi browser ini akan membantu Anda membuat tangkapan layar yang indah dari cuplikan kode Anda. 
FabPic
Aplikasi browser gratis lainnya untuk membuat tangkapan layar khusus. 
Alat & Editor Efek Gambar
Pembuat Gambar Glitch
Alat berguna yang memungkinkan Anda membuat dan menyimpan gambar glitchy unik. 
Palet
Warnai foto vintage Anda dengan aplikasi bertenaga AI ini. 
Penghapus Ajaib
Hapus item yang tidak diinginkan dari gambar Anda dengan alat gratis ini. 
Alat & Generator CSS
Loader
Raih bermacam-macam loader dan spinner untuk proyek Anda berikutnya. 
AnimatiSS
Gunakan koleksi animasi CSS siap pakai ini di proyek Anda. 
Bayangan Kotak
Kumpulan bayangan kotak salin & tempel yang dikuratori untuk Tailwind CSS. 
Angin Vanila
Alat online untuk mengonversi elemen Tailwind CSS ke CSS semantik. 
Sudut Clothoid CSS
Alat online ini akan menghasilkan sudut membulat menggunakan clip-path CSS. 
Pembuat Token Desain
Gunakan alat ini untuk memulai proyek CSS Anda dengan cepat. 
MetalliCSS
Pustaka JavaScript sumber terbuka ini menambahkan sentuhan metalik ke elemen desain apa pun. 
Pengisi UI
Pustaka kecil tempat salin dan tempel untuk proyek desain Anda. 
Pembuat Tombol CSS
Pembuat Tombol
Pilih dari pilihan tombol klik-untuk-salin yang menarik untuk proyek Anda. 
Tombol UI
Kumpulan gaya tombol salin dan tempel CSS untuk digunakan dalam proyek Anda. 
100 Tombol
Koleksi gratis 100 desain tombol CSS modern untuk digunakan dalam proyek Anda. 
Penganalisis Kualitas Kode CSS
Pemeriksa Css
Gunakan alat ini untuk mengidentifikasi kelas CSS yang berlebihan. 
Penganalisis Kualitas Kode CSS Online
Alat ini menilai CSS Anda berdasarkan berbagai penjaga kualitas. 
Pengurang CSS
Rekatkan CSS Anda ke dalam aplikasi ini dan itu akan memperkecil kode Anda. 
Font & Alat Tipografi
Penghasil Font Fallback
Alat ini akan membantu Anda menghindari Pergeseran Tata Letak Kumulatif (CLS) yang mengganggu di tata letak Anda. 
Kalkulator Skala Tipografi
Gunakan alat ini untuk membuat skala jenis yang harmonis. 
Font Kelinci
Lihat platform font web sumber terbuka dan mengutamakan privasi ini. 
Alat Aksesibilitas Web
Daftar Periksa Aksesibilitas Web
Gunakan daftar periksa ini untuk membuat situs web dan aplikasi web yang dapat diakses. 
Daftar Periksa Proyek A11Y
Masalah yang diminta oleh daftar periksa ini untuk Anda periksa mencakup berbagai kondisi kecacatan. 
Kisi Kontras
Alat ini akan membantu Anda menguji berbagai kombinasi warna untuk kepatuhan WCAG 2.0. 
Aksesibilitas Tidak-Daftar Periksa
Gunakan daftar ini sebagai referensi saat menilai aksesibilitas situs Anda. 
Pelajari Aksesibilitas
Kursus dan referensi aksesibilitas yang selalu hijau untuk meningkatkan pengembangan web Anda. 
Acak11y
Gunakan alat ini untuk menghasilkan palet warna yang dapat diakses secara acak. 
Set Ikon & Alat
Pembuat ikon
Cari melalui 36 perpustakaan ikon gratis untuk menemukan yang paling cocok untuk proyek Anda. 
dasar
Unduh kumpulan ikon dasar ini untuk desain dan pengembangan produk. 
SalinSimbol
Mencari simbol? Mesin pencari ini akan menyajikan ikon, pintasan keyboard, dan kode konten CSS untuk disalin dan ditempel. 
Aplikasi Glyph
Pustaka praktis simbol salin & tempel untuk digunakan dalam proyek Anda. 
Ikon
Temukan koleksi ikon yang sempurna untuk proyek Anda melalui alat pencarian ini. 
Alat Penurunan Harga & Editor Online
Markdoc
Editor berbasis penurunan harga untuk membuat situs web dokumentasi khusus. 
LetsMarkdown.com
Lihat editor penurunan harga kolaboratif sumber terbuka ini yang berfungsi langsung dari browser Anda. 
penulis
Penggemar penurunan harga pasti ingin mencoba editor minimal ini. 
Alat & Generator Lain-Lain
Pencarian Cuplikan Kode
Mesin pencari ini akan mengembalikan cuplikan kode yang relevan untuk kueri Anda. 
Salin Buku
Sumber daya praktis ini berisi teks yang umum digunakan yang ditemukan di aplikasi web. 
Sumber Daya Desain Etis
Kumpulan artikel, organisasi, alat, dan lainnya yang mempromosikan etika dalam desain. 
Pembuat SVG Heazy
Buat SVG kustom dengan bantuan alat berbasis browser ini. 
Proge
Uji pengetahuan pemrograman Anda dengan game tebak bahasa ini. 
Pengetikan RegEx
Uji keterampilan RegEx Anda dengan game puzzle ini. 
Gerak
Editor grafis gerak gratis berbasis browser. 
metaSEO
Alat berbasis web gratis untuk membuat tag meta dengan cepat untuk situs web atau konten Anda. 
Taman Bermain Javascript
Pelajari dan tingkatkan keterampilan Anda dengan alat online ini. 