Sumberdaya Segar untuk Desainer dan Pengembang Web (Juni 2018)
Dalam angsuran sumber daya segar ini, kami memiliki beragam sumber daya dalam daftar. Selain beberapa alat berbasis kode seperti pustaka dan kerangka JavaScript baru, kami juga menyertakan beberapa praktis Aplikasi GUI bahwa saya yakin pengembang dan desainer akan menghargai.
Mari kita periksa daftarnya secara terperinci dan biarkan saya tahu yang mana yang menjadi favorit Anda di bagian komentar di bawah ini.
Unik
Alat untuk temukan font unik yang jarang terlihat di tempat lain, Unique berguna untuk membuat logo atau hanya untuk menemukan kombinasi font unik yang tepat untuk dokumen Anda dengan mudah hanya dengan beberapa klik. Setelah memilih preferensi, Anda bisa unduh dan beri nama font Anda sendiri. Itu keren sekali!
Duotones
Aplikasi web sederhana yang akan melakukannya ubah foto menjadi duotone; foto monokromatik yang terdiri dari dua warna yang kontras. Anda dapat mengunggah foto Anda sendiri atau memilih foto yang disediakan alat untuk diedit dan unduh hasilnya. Baik alat untuk membuat gambar latar belakang yang mencolok di situs web Anda.
MDX
MDX adalah spesifikasi itu menggabungkan penurunan harga dan JSX. Ini memungkinkan Anda untuk melakukan beberapa hal gila yang tidak pernah dilakukan sebelumnya, seperti mengimpor file penurunan harga, menggunakan file penurunan harga sebagai komponen mandiri untuk memasukkan dalam file lain, dan menggunakan komponen Bereaksi di dalamnya.
FontDrop
Berguna alat untuk menampilkan informasi terperinci mengenai font. Cukup letakkan font, itu akan menampilkan nama, gaya, versi, informasi hak cipta, mesin terbang, bahasa yang didukung, dll. Antara lain.
Perpustakaan Pengujian DOM
Pustaka JavaScript untuk menguji DOM (Document Object Model). Anda dapat menggunakan ini untuk tulis unit uji untuk komponen UI web Anda, memastikan bahwa UI berfungsi sebagai pengguna nyata menggunakannya. Ini juga membantu Anda mempertahankan fungsionalitas UI UI selama refactoring kode.
Membuang
Komponen Bereaksi sederhana untuk dump atau log output langsung di browser daripada di konsol browser dengan console.log
. Alat ini dibuat oleh Wes Bos, salah satu dosen paling populer di React.
Penggores
Aplikasi praktis untuk menginstal gambar OS ke flash-disk yang dapat di-boot. Dulu proses ini cukup sulit untuk diikuti. Dengan Etcher, semudah 1-2-3. Alat ini mendukung hampir semua OS utama termasuk Windows, Linux, dan macOS.
Ni
Alternatif cara yang lebih baik untuk menginstal paket NPM, Ni dapat menginstal dependensi yang hilang dari package.json
mengajukan, tampilkan dependensi yang sudah tidak digunakan lagi, dan keseluruhan antarmuka yang lebih baik.
Cuttlebelle
Generator situs statis untuk React.js., Cuttlebelle memberikan ekstensibilitas yang lebih besar dengan cara yang Anda bisa memperpanjang tata letak halaman dengan komponen berbasis Bereaksi. Jika Anda sudah terbiasa dengan React.js, Anda dapat dengan mudah membuat tata letak baru dan menggunakannya di salah satu file penurunan harga yang mungkin.
ImgBlur
Komponen JavaScript sederhana untuk memuat gambar dengan cara modern, ImgBlur hadir dengan a CLI untuk menghasilkan gambar buram dari gambar asli. Gambar buram memiliki ukuran kecil yang akan dimuat terlebih dahulu sebelum memuat aslinya. Lihat demo untuk melihat komponen ini beraksi.
Dinero.js
Pustaka JavaScript untuk membuat, menghitung, dan memformat uang, Dinero.s. mendukung semua mata uang internasional out-of-the-box. Anda dapat menggunakan perpustakaan di lingkungan Node.js, memuatnya di browser, dengan CommonJS atau EcmaScript 6.
WiredJS
WiredJS dibangun dengan asli “Komponen Web”. Ini adalah perpustakaan UI unik dengan tampilan yang samar. Apa yang keren dari perpustakaan ini adalah bahwa elemen stroke digambar secara acak, artinya tidak ada dua elemen yang persis sama. Perpustakaan yang sempurna untuk membuat gambar rangka atau maket.
Vuido
Vuido adalah kerangka kerja aplikasi desktop yang ringan dengan Vue.js. Anda dapat menggunakan Vue.js API dan banyak dari pengaya seperti Vuex, misalnya, untuk membangun aplikasi desktop untuk Windows, Linux, dan macOS. Ini adalah alternatif yang bagus untuk Elektron.
Hibrida
Pustaka JavaScript untuk membuat elemen HTML khusus menggunakan Komponen Web asli dengan API yang lebih ramah. Perpustakaan menyediakan API sederhana yang serupa dengan yang ada di Vue.js atau React.js.
Saber.js
SEBUAH generator situs statis yang dibuat untuk Vue.js. Saber.js tidak datang dengan barang-barang mewah seperti di Nuxt.js. Opsi dan konfigurasi minimal yang menjadikannya alternatif yang bagus jika Anda hanya ingin memiliki situs web statis yang mudah dipelihara.
Angin
Sebagai pembaca RSS dan Podcast modern, Winds tersedia untuk Windows, macOSv dan Linux. Aplikasi ini terlihat cantik dan modern dengan bayangan kotak, sudut bulat, gradien, dan apa yang tidak. Ini bagus aplikasi untuk mengelola langganan situs Anda untuk bersaing dengan industri yang cepat berubah ini.
Santai
Konverter yang akan mengubah HTML atau Pug menjadi PDF. Anda dapat membuat tata letak yang rumit menggunakan HTML, CSS, JavaScript dan menggunakan Markdown untuk menuliskan konten utama. Selain itu, Anda juga dapat menggunakan perpustakaan JavaScript, seperti Chart.js untuk menambahkan diagram dan MathJax untuk menambahkan pemformatan Matematika.
Pencocokan Gaya Huruf
Alat untuk memilih dua Google Font dan font asli yang dipasang di komputer dengan tampilan yang sama. Ini adalah alat yang berguna untuk pengembang web untuk mengurangi FOUC yang jelek (flash konten yang tidak terhalang) ketika Google Fonts belum sepenuhnya dimuat.
PWA WP
Sebuah inisiatif untuk membawa PWA (Aplikasi Web Progresif) ke WordPress Core. Pada saat penulisan ini, proyek ini sedang dalam tahap awal. Ini adalah proyek yang menarik untuk diikuti terutama jika Anda bekerja terutama di ekosistem WordPress.
Blueprint.js
Perpustakaan UI berbasis-React, Blueprint.js mencakup banyak pelanggan tetap seperti tombol dan tab, dan komponen UI lainnya yang biasanya diperlukan untuk membangun aplikasi web Omnibar; Sebuah kotak pencarian mengambang seperti Spotlight atau aplikasi Alfred di macOS.