Sumberdaya Segar untuk Desainer dan Pengembang Web (Juli 2017)
Waktu berlalu dan kami sekarang berada di pertengahan 2017. Dalam angsuran bulan ini, kami memiliki berbagai perpustakaan JavaScript yang hebat dan beberapa lainnya seperti plugin untuk mengaktifkan GraphQL di WordPress, aplikasi desktop untuk membuat data CSV, dan beberapa situs web kerangka kerja. Mari kita periksa.
Pola Pahlawan
Sebuah koleksi dari pola berulang yang dibuat dengan SVG yang dapat Anda gunakan sebagai latar belakang di situs web Anda. Situs ini dilengkapi dengan pengaturan yang berguna untuk sesuaikan warna dan opacity dari polanya dan memungkinkan Anda cukup menyalin dan menempelkan kode untuk ditambahkan di CSS Anda.
TestCafe
TestCafe adalah sebuah alat pengujian end-to-end (e2e) yang memungkinkan Anda menguji situs web dan aplikasi web Anda seolah-olah sedang digunakan oleh pengguna sungguhan. Ini akan mengotomatiskan beberapa hal saat melakukan tes termasuk memulai browser, menjalankan unit tes yang ditentukan, menghasilkan laporan, tangkapan layar serta sumber daya untuk memecahkan kesalahan dengan mudah.
SugarJS
SugarJS adalah perpustakaan JavaScript untuk memanipulasi Objek, Array, dan Tanggal dengan sintaks yang lebih bagus dan lebih mudah dibaca. Perpustakaan juga dilengkapi dengan beberapa fungsi utilitas, misalnya, .escapeHTML () yang mana akan mengonversi elemen HTML ke dalam format Entitas mereka.
NONA
Pustaka JavaScript yang berguna untuk mengubah waktu, angka dan string reguler menjadi milidetik. ms ('2 hari'), misalnya, akan dikonversi menjadi 172800000.
pa11y
Kumpulan alat yang hebat untuk membantu tingkatkan aksesibilitas di situs web Anda dan aplikasi web. pa11y terdiri dari CLI untuk menguji halaman web apa pun untuk masalah aksesibilitas apa pun, a Dasbor untuk menampilkan laporan kesalahan dan peringatan yang dihasilkan, dan CLI yang secara khusus dirancang untuk alat CI seperti Codeship atau Travis.
Ikon Bulu
SEBUAH koleksi ikon dengan getaran modern. Ikon-ikon ini sangat cocok untuk situs web dan aplikasi yang dirancang untuk platform apa pun (iOS, Windows, atau Ubuntu). Ikon masuk SVG serta komponen Bereaksi dan Bersudut.
Bereaksi Penerbangan
Modul Bereaksi untuk membangun komposisi animasi di aplikasi Anda. Perpustakaan terinspirasi oleh Principle for Sketch di mana Anda bisa tambahkan interaktivitas ke komponen UI dengan cepat dan mudah.
BounceJS
Perpustakaan untuk buat animasi dengan efek bouncing. Animasi ini didukung oleh CSS3 dan sejumlah animasi yang telah ditetapkan. Anda dapat menginstal perpustakaan JavaScript melalui npm, bower, atau cukup salin animasi CSS dihasilkan di situs web.
Bojler
Bojler adalah seorang kerangka kerja email dengan pedoman untuk menulis kode HTML yang akan ditampilkan dengan benar pada sebagian besar klien email populer. Anda dapat menemukan lebih banyak kerangka kerja email di pos kami sebelumnya.
Devicon
Sebuah koleksi dari ikon bahasa pemrograman, perancangan, dan alat pengembangan. Ikon tersedia dalam format SVG dan Font. Beberapa tertentu ikon seperti Firefox, AWS, dan HTML5 juga hadir dengan varian terperinci mereka. Cukup keren?
Sekarang Kit UI
Antarmuka responsif koleksi berdasarkan Bootstrap 4. Itu fitur 50 elemen dan 3 template khusus. Selain dari versi HTML, UI juga disediakan dalam format PSD dan Sketch.
T-Gulir
T-Scroll adalah a Perpustakaan JavaScript untuk menerapkan animasi ketika sebuah elemen terlihat di viewport. Ini dilengkapi dengan beberapa pilihan dan animasi yang telah ditetapkan.
Editor Ory
ORY adalah editor web modern dan lebih mudah diakses di web. Editor ORY adalah dibangun di atas React and Flux. Itu membuat pengeditan menjadi mudah dengan memungkinkan pengguna untuk mengedit konten dan melihat hasilnya dengan segera tanpa harus tahu sintaks khusus seperti HTML atau Markdown.
TadViewer
TadViewer sangat berguna aplikasi desktop untuk melihat CSV dan itu bekerja pada data dan file besar. Aplikasi ini tersedia di macOS, Windows, dan Linux.
Gulir Gulir Isi Halus
Scrolling Halus telah terbukti melayani pengalaman pengguna yang lebih menyenangkan. Sekarang diusulkan dan disusun secara resmi di W3C. Saat ini, ini hanya berfungsi di Chrome, Firefox, dan Opera. Gunakan perpustakaan ini untuk meniru perilaku pengguliran yang lancar di Internet Explorer dan Safari.
Noty
Perpustakaan JavaScript untuk menampilkan pemberitahuan, Noty memudahkan menampilkan Alart, Sukses, Kesalahan, Peringatan, Informasi atau pesan dialog. Ini dapat digunakan bersama dengan perpustakaan animasi seperti mo.js dan bounce.js untuk membuat pemberitahuan masuk dan keluar dengan anggun.
Main jingkat
Hopscotch adalah seorang proyek open-source yang dipakai oleh LinkedIn. Ini adalah kerangka kerja untuk memudahkan pengembang untuk menambahkan tur produk. Lihat demo untuk contoh langsung dan API.
SurveyJS
SurveyJS adalah perpustakaan JavaScript mengagumkan lainnya. Seperti namanya, itu dirancang untuk membuat input survei. Ini fitur berbagai jenis input untuk mengisi jawaban survei dan juga telah porting ke beberapa kerangka kerja JavaScript populer termasuk AngularJS, VueJS, dan React.
WP GraphQL
GraphQL sedang naik daun dan mungkin a pesaing kuat untuk menggantikan arsitektur REST yang memberdayakan hampir semua API web. Ini adalah plugin yang akan memungkinkan Anda untuk melakukannya ambil konten WordPress Anda dengan GraphQL. Berikut ini adalah referensi yang bagus tentang bagaimana REST dan GraphQL berbeda satu sama lain.
Editor Monako
Editor Monaco adalah editor itu mendukung Editor Kode Visual. Itu dibangun oleh Microsoft dan mendukung beberapa bahasa di luar kotak termasuk HTML, CSS, KURANG, CoffeeScript, dan PHP bersama dengan Intellisense yang membantu Anda menulis kode lebih cepat.
