Sumberdaya Segar untuk Desainer dan Pengembang Web (Februari 2017)

Seri Fresh Resouces for Web Developers telah berjalan sekitar 4 tahun sekarang, dan mempertahankan seri ini sangat memberi saya wawasan tentang bagaimana kemajuan web selama bertahun-tahun. Ada alat baru keluar setiap bulan untuk membuat pengembangan web lebih mudah.

Dalam angsuran ini, kami telah mengumpulkan sejumlah alat baru, yang termasuk perpustakaan JavaScript, beberapa pustaka CSS, dan referensi untuk meningkatkan keterampilan Anda. Mari kita periksa.

Klik untuk Lebih Banyak Sumber Daya

Temukan seluruh koleksi sumber daya kami yang direkomendasikan dan alat desain dan pengembangan web terbaik yang tersedia.

Keterangan

JavaScript adalah mengambil alih aplikasi desktop untuk portabilitas melalui platform yang berbeda serta bekerja sebaik aplikasi asli. Aplikasi ini, Keterangan, misalnya adalah dibangun di atas Elektron. Ini adalah aplikasi sederhana yang memungkinkan Anda mencari file Terjemahan (.srt) untuk melampirkan ke video yang Anda tonton.

Baris Perintah OSX yang mengagumkan

Sebuah daftar baris perintah yang berguna dan berguna untuk macOS. Di sini Anda mungkin menemukan banyak hal yang mungkin dilakukan melalui CLI seperti “membersihkan antrian cetak”, “menyembunyikan folder di Finder”, dan “mencegah sistem tidur”.

Trevor

Trevor hanyalah Travis CI yang dilakukan offline. Travis adalah layanan Integrasi Berkelanjutan tempat pengembang menguji perangkat lunak mereka untuk melihat apakah perangkat lunak berfungsi dengan baik pada beberapa lingkungan. Trevor masih dalam tahap awal; saat ini hanya mendukung “NodeJS”.

Secara progresif

JavaScript yang bagus perpustakaan untuk memuat gambar secara progresif, maka nama. Gambar kecil akan disajikan dan dikaburkan saat browser memuat gambar penuh. Ini membantu memuat situs web Anda lebih cepat terutama jika itu berisi gambar besar.

QartJS

Ini adalah JavaScript itu membuat kode QR kurang membosankan. Dengan ini, Anda dapat overlay kode QR di atas gambar - seperti foto Anda.

WP Docker

WP Docker adalah a Lingkungan Docker dirancang khusus untuk mengembangkan WordPress. Lingkungan mandiri, dan tidak akan memengaruhi sistem komputer Anda jika Anda membuat konfigurasi. Ini adalah sebuah alternatif bagus untuk Vagrant, Valet, Lokal, dan MAMP.

Rellax

Rellax adalah perpustakaan JavaScript untuk buat efek Parallax pada gulir halaman. Muncul dengan beberapa opsi dan relatif mudah dikonfigurasi. Ini ringan, berjalan sangat cepat, dan tidak memerlukan ketergantungan seperti jQuery karenanya itu adalah alternatif yang bagus untuk perpustakaan lain pada kategori ini seperti Parallax.js atau Scrollax.js.

Pandai berbicara

Namun perpustakaan JavaScript keren lainnya. Artikulasikan membawa kimis suara ke situs web Anda. ini dapat menguraikan dan membaca situs web Anda, pada akhirnya dapat meningkatkan aksesibilitas situs web Anda untuk pengguna dengan visibilitas terganggu.

Uangkan JS

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

Vonic

Vonic adalah koleksi UI untuk seluler dibangun menggunakan Vue.js dan Ionic CSS. Ini terdiri dari banyak komponen UI yang umum ditemukan di ponsel termasuk Kotak centang, Formulir Pencarian, Swiper, dan apa yang disebut Akordeon. Anda dapat menggunakan untuk membangun aplikasi aplikasi seluler prototipe tepat di browser.

Perpustakaan Komponen WordPress

10up, salah satu nama terkemuka di WordPress, merilis perpustakaan UI yang dirancang khusus untuk WordPress. Tidak seperti perpustakaan UI lain yang hanya menyediakan kode CSS dan HTML, 10Up juga menyediakan cuplikan kode PHP yang bisa Anda tempelkan di tema Anda. Komponen termasuk Navigasi, Tab, Tooltips, Commonts, dan Blogrol.

Kinerja Memulai JavaScript

Luar biasa dan artikel rinci dari Addy Osmani, salah satu insinyur Google, tentang cara menulis JavaScript yang berjalan sangat cepat. Saya mendorong Anda untuk membacanya hingga tingkatkan keterampilan JavaScript Anda.

KuteJS

Kute adalah a Perpustakaan JavaScript untuk melakukan animasi. Ini sangat cepat dan sangat efisien dalam konsumsi memori. Ini memiliki ekstensi dan alat tambahan untuk memungkinkan penerapan animasi di CSS, SVG, dan bahkan plugin jQuery untuk sintaksis yang lebih nyaman.

PWA Rocks

Aplikasi Web Progresif (PWA) adalah metodologi itu memungkinkan situs web berjalan cepat dan dapat digunakan secara offline. PWA Rocks ini mencantumkan yang disetujui oleh Google sebagai PWA. Untuk pelajari lebih lanjut tentang PWA dari Google lihat di: Aplikasi Web Progresif.

Pembaruan Otomatis Github

Github Auto-Updater adalah Pustaka komposer yang memungkinkan plugin Anda diperbarui dari Github. Ini adalah skrip yang berguna bagi pengembang untuk mempertahankan plugin untuk klien mereka tanpa tentu mengunggahnya ke repositori Github.

Kartu

Kartu adalah perpustakaan JavaScript yang membuat input Kartu Kredit lebih menarik dan meningkatkan pengalaman pengguna Anda saat memasukkan nomor kartu kredit mereka. Saya t bekerja dengan baik dengan jQuery, React, Angular, dan Ember.

Graaf

Graaf berikan overlay di atas halaman Anda untuk melihat bagaimana kisi - kolom, baris, selokan - ditata. Anda juga bisa buat spesifikasi kisi Anda sendiri menggunakan API yang disediakan.

Luxbar

Luxbar adalah a Kerangka kerja CSS untuk membuat navigasi yang responsif dengan mudah; cukup tambahkan stylesheet dan tambahkan HTML dengan benar. Anda dapat menginstal perpustakaan ini melalui NPM, Bower, atau tautkan stylesheet langsung dari CDN.

Kotak Kontras

Daftar Tabel menunjukkan kontras warna dan tingkat aksesibilitasnya berdasarkan WCAG 2.0. Anda dapat mengubah nilai di atas meja, dan dengan cepat mencari tahu apakah kombinasi warna sesuai dengan standar WCAG.

ToneJS

ToneJS adalah perpustakaan JavaScript untuk buat nada atau suara yang mungkin suka berasal dari alat musik. Saya kira perpustakaan ini akan berguna untuk membangun emulator alat musik berbasis web atau efek suara gim.