Sumber Sumber Daya untuk Pereka dan Pemaju Web (Februari 2017)

Resolusi Segar untuk siri Web Developers telah lari selama 4 tahun sekarang, dan mengekalkan siri ini telah memberi saya wawasan tentang bagaimana kemajuan web selama ini. Disana ada alat baru yang keluar setiap bulan untuk menjadikan pembangunan web lebih mudah.

Dalam ansuran ini, kami telah mengumpul beberapa alat baru, yang termasuk perpustakaan JavaScript, beberapa perpustakaan CSS, dan rujukan untuk meningkatkan kemahiran anda. Mari kita periksa mereka.

Klik untuk Sumber Lebih Banyak

Cari koleksi kami sumber yang disyorkan dan reka bentuk dan alat pembangunan web terbaik yang tersedia.

Keterangan

JavaScript adalah mengambil alih aplikasi desktop untuk mudah alih ke atas platform yang berbeza serta bekerja sama baiknya dengan apl asli. Aplikasi ini, Keterangan, contohnya dibina di atas Electron. Ia adalah aplikasi mudah yang membolehkan anda mencari fail Subtitle (.srt) untuk melampirkan pada video yang anda sedang menonton.

Barisan Perintah OSX Awesome

An senarai besar baris arahan berguna dan berguna untuk macOS. Di sini anda boleh menemui banyak perkara yang mungkin dilakukan melalui CLI seperti “membersihkan giliran cetak”, “menyembunyikan folder dalam Finder”, dan “mencegah tidur sistem”.

Trevor

Trevor hanya Travis CI yang dilakukan di luar talian. Travis adalah perkhidmatan Integrasi Berterusan di mana pemaju menguji perisian mereka untuk melihat sama ada perisian berfungsi dengan pelbagai persekitaran yang betul. Trevor masih dalam peringkat awal; ia kini hanya menyokong “NodeJS”.

Progresif

JavaScript bagus perpustakaan untuk memuatkan imej secara progresif, Oleh itu nama. Imej kecil akan dihidang dan kabur sementara penyemak imbas memuat imej penuh. Ini membantu laman web anda memuat lebih cepat terutamanya jika ia mengandungi imej yang besar.

QartJS

Ini adalah JavaScript yang membuat kod QR kurang membosankan. Dengan ini, anda boleh menampung kod QR melalui imej - seperti foto anda.

WP Docker

WP Docker adalah a Persekitaran dok yang direka khusus untuk membangunkan WordPress. Persekitaran berskala sendiri, dan tidak akan menjejaskan sistem komputer anda sekiranya anda membuat konfigurasi. Ia adalah alternatif hebat kepada Vagrant, Valet, Local, dan MAMP.

Rellax

Rellax adalah perpustakaan JavaScript untuk mewujudkan kesan Parallax pada tatal halaman. Ia datang dengan beberapa pilihan dan agak mudah untuk dikonfigurasikan. Ia ringan, berlari pantas, dan tidak memerlukan ketergantungan seperti jQuery oleh itu ia adalah alternatif yang hebat untuk perpustakaan lain dalam kategori ini seperti Parallax.js atau Scrollax.js.

Artikulasi

Satu lagi perpustakaan JavaScript yang sejuk. Artikulasi membawa sintetik suara ke laman web anda. Ia adalah dapat menghuraikan dan membaca laman web anda, akhirnya dapat meningkatkan aksesibilitas laman web Anda kepada pengguna dengan penglihatan yang cacat.

MonetizeJS

MonetizeJS adalah perpustakaan JavaScript untuk melaksanakan Stripe dengan mudah; semudah menggunakan jQuery.

Vonic

Vonic adalah koleksi UI untuk mudah alih yang dibina menggunakan Vue.js dan Ionic CSS. Ia terdiri daripada banyak komponen UI yang biasa ditemui dalam mudah alih termasuk Peti Semak, Borang Carian, Swiper, dan Akordion yang dipanggil. Anda boleh gunakan untuk membina aplikasi aplikasi mudah alih prototaip betul dalam pelayar.

Perpustakaan Komponen WordPress

10up, salah satu nama yang terkenal di WordPress, mengeluarkan perpustakaan UI yang direka khusus untuk WordPress. Tidak seperti perpustakaan UI yang lain yang hanya menyediakan kod CSS dan HTML, 10Up juga menyediakan coretan kod PHP yang anda hanya boleh menampal dalam tema anda. Komponen ini termasuk Navigasi, Tab, Petua, Commonts, dan Blogrol.

Prestasi Permulaan JavaScript

A hebat dan artikel terperinci dari Addy Osmani, salah seorang jurutera Google, mengenai cara menulis JavaScript yang berjalan dengan pantas. Saya menggalakkan anda membacanya tingkatkan kemahiran JavaScript anda.

KuteJS

Kute adalah a Perpustakaan JavaScript untuk melakukan animasi. Ia amat pantas dan berkesan dalam penggunaan memori. Ia mempunyai sambungan dan alat tambahan untuk membenarkan penggunaan animasi CSS, SVG, dan juga plugin jQuery untuk sintaks yang lebih mudah.

PWA Rocks

Aplikasi Web Progresif (PWA) adalah satu kaedah yang membolehkan laman web berjalan pantas dan boleh digunakan di luar talian. Senarai PWA Rocks ini yang telah diluluskan oleh Google sebagai PWA. Untuk ketahui lebih lanjut mengenai PWA dari Google sila lihat: Aplikasi Web Progresif.

Github Auto-updater

Github Auto-Updater adalah Perpustakaan komposer yang membolehkan plugin anda dikemas kini dari Github. Ini adalah skrip berguna untuk pemaju untuk mengekalkan plugin untuk pelanggan mereka tanpa semestinya memuat naik ke repositori Github.

Kad

Kad adalah perpustakaan JavaScript yang menjadikan input Kad Kredit lebih menarik dan meningkatkan pengalaman pengguna anda semasa memasukkan nombor kad kredit mereka. Ia berfungsi dengan baik dengan jQuery, React, Angular, dan Ember.

Graaf

Graaf berikan tindanan di atas halaman anda untuk melihat bagaimana grid - lajur, baris, longkang - dibentangkan. Anda juga boleh menjana spesifikasi grid anda sendiri menggunakan API yang disediakan.

Luxbar

Luxbar adalah a Rangka kerja CSS untuk membuat navigasi mudah responsif dengan mudah; cukup tambahkan lembaran gaya dan tambahkan HTML dengan betul. Anda boleh memasang perpustakaan ini melalui NPM, Bower, atau hubungkan stylesheet terus dari CDN.

Grid Kontras

Senarai jadual menunjukkan kontras warna dan gred accesibility mereka berdasarkan WCAG 2.0. Anda boleh mengubah nilai di atas meja, dan dengan cepat memikirkan sama ada kombinasi warna mematuhi piawai WCAG.

ToneJS

ToneJS adalah perpustakaan JavaScript untuk membuat nada atau bunyi yang mungkin seperti datang dari alat muzik. Saya rasa perpustakaan ini akan berguna untuk membina emulator alat muzik berasaskan web atau kesan bunyi permainan.