Sumberdaya Segar untuk Desainer dan Pengembang Web (Desember 2016)

Kami mendekati akhir 2016, dan ini merupakan tahun yang mendebarkan bagi banyak orang termasuk pengembang web. Tahun ini, Popularitas ReactJS melonjak secara eksponensial, ekstensi ReactJS baru dirilis dan duduk di daftar Repositori trending Github (hampir) setiap minggu.

PHP7 juga dirilis tahun ini yang menawarkan peningkatan signifikan pada kecepatan, serta rilis WordPress 4.7 dengan WP-API yang telah lama ditunggu fitur, dan Facebook juga memperkenalkan Paket Benang yang mungkin menantang NPM.

Klik untuk Lebih Banyak Sumber Daya

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

Untuk detail lebih lanjut tentang masing-masing rilis bermanfaat ini, mari kita lihat daftar berikut:

Mercu suar

LightHouse adalah a alat praktis dari Google untuk memeriksa situs web Anda terhadap metrik pengembangan web modern, yang mencakup kinerja pemuatan laman, caching dengan Pekerja Layanan, respons waktu server Dan seterusnya. Alat-alat ini datang dalam dua bentuk, ekstensi CLI (Command Line Interface) dan Google Chrome.

FuseJS

Fuzzy-search adalah jenis penyelesaian pencarian tempat itu mengembalikan sejumlah kemungkinan bahkan jika itu tidak cocok dengan argumen pencarian. Misalnya, jika Anda mencari 'ke' hasilnya dapat kembali melakukan, robot, dan kaki. Ini adalah sebuah kinerja pencarian populer dalam aplikasi web saat ini. FuseJS adalah a pustaka JavaScript ringan yang memungkinkan Anda untuk menerapkannya di situs web Anda dengan mudah.

Paket benang

Benang adalah Pengelola paket simpul yang dibangun oleh Facebook. Ini pada dasarnya melakukan mirip dengan NPM meskipun dengan kemajuan di beberapa bidang seperti kecepatan, 'mode offline' yang memungkinkan Anda untuk menginstal paket tanpa terhubung ke Internet, dan keamanan serta keandalan.

Menu Cache

Plugin WordPress yang praktis untuk men-cache Menu WordPress menggunakan Transient API untuk meningkatkan kecepatan permintaan basis data. Plugin ini dilengkapi dengan sejumlah Filter menyesuaikan periode caching dan melakukan hal-hal lain. Itu dapat diinstal menggunakan Komposer atau sebagai Plugin WordPress biasa.

Githunt

Githunt adalah ekstensi Google Chrome itu mengganti beranda Chrome dengan repositori trending Github. Anda dapat mengurutkan hasilnya berdasarkan periode dan bahasa pemrograman. Ya, saya kira, utilitas yang harus diinstal untuk setiap pengembang untuk tetap diperbarui dengan alat paling tipis di sekitar.

FFocus

Tidak dapat fokus pada pekerjaan Anda dan ingin menyelesaikan pekerjaan Anda dengan cepat? Coba FFocus. ini CLI yang memungkinkan Anda memblokir situs web untuk durasi yang ditentukan melalui Terminal. FFocus bisa diinstal melalui NPM dengan menjalankan npm saya ffocus -g perintah.

Accesslint

AccesslintJS adalah a Pustaka JavaScript untuk memvalidasi situs web Anda untuk aksesibilitas. Menggunakan perpustakaan ini semudah memuatnya sebelum tag, dan Anda akan mendapatkan semua peringatan dan kesalahan tepat di Konsol DevTools.

Yg dpt diwarnai

Berwarna adalah a aplikasi web yang berguna yang memungkinkan Anda untuk menghasilkan kombinasi warna yang sesuai dengan Pedoman WCAG, dan juga membuat situs web Anda dapat diakses oleh pengguna dengan gangguan penglihatan seperti buta warna.

Micon

Micon adalah a ikon font pictographics Microsoft Windows 10 yang dipilih. Ini bisa menjadi pengganti FontAwesome yang saya pikir sudah terlalu sering digunakan.

Referensi CSS

Namanya mengatakan itu semua. ini Referensi CSS untuk mencari sintaks CSS. Ini juga disajikan dengan cara yang menyenangkan dan menyenangkan yang membuatnya menjadi alternatif yang bagus untuk dokumentasi CSS di MDN, jika Anda pikir itu terlalu membosankan.

Lokal oleh Roda Gila

Ini adalah Aplikasi GUI yang membuat pengaturan situs web WordPress lokal di macOS Anda begitu mudah. Aplikasi ini penuh sesak dengan utilitas yang bagus untuk pengembang, seperti; “Satu klik” Instalasi WordPress, Akses SSH, pengaturan SSL mudah, cetak biru situs, dan XIP.io. Aplikasi ini dihargai sekitar 149USD, tetapi sekarang diberikan secara gratis sejak diakuisisi oleh Roda Gila.

FreeCodeCamp

Ini adalah sebuah sumber daya gratis untuk mempelajari kode untuk Web. Subyek meliputi HTML, CSS, JavaScript, dan a beberapa perpustakaan seperti ReactJS dan D3. Itu menyediakan tantangan atau contoh proyek saat Anda mengambil kursus, serta tutorial untuk membantu Anda memahami subjek dengan lebih baik.

Font OverPass

Font OverPass adalah keluarga font yang terdiri dari delapan bobot (200-900), huruf miring benar, dan monospace. Font dapat dimuat sebagai font web dari KeyCDN juga diinstal untuk penggunaan Desktop. Ini gratis dan open source.

Bentuk dasar

Bentuk dasar adalah a set aturan gaya CSS yang mengatur ulang elemen formulir yang termasuk memasukkan, kotak centang, memilih, dan textarea dengan gaya dasar namun indah. Pustaka CSS ini bagus digunakan bersama dengan yang lain “Resetter CSS” seperti Normalize.css.

Paling depan

itu adalah bingkai yang digunakan untuk membangun 24ways.org; sumber daya yang bagus Anda mungkin melihat ke dalam untuk mempelajari teknik CSS lanjutan.

Kemenangan

ReactJS sedang meningkat, dan dengan itu datang sejumlah besar ekstensi untuk mendukungnya. Kemenangan adalah a Komponen ReactJS untuk menambahkan antar dan grafik atau visualisasi data.

Neraka

Inferno adalah seorang Pustaka JavaScript untuk membangun antarmuka web di perangkat seluler. ini terinspirasi dari ReactJS karenanya mewarisi konvensi sintaksis serupa. Namun perbedaannya adalah Inferno dibangun dengan kinerja dalam pikiran yang membuatnya ukurannya jauh lebih kecil dan juga memberikannya waktu rendering lebih cepat.

Premonish

Permonish adalah perpustakaan yang mampu prediksi interaksi selanjutnya pengguna. Ini akan memungkinkan Anda untuk melakukannya persiapkan antarmuka pengguna (UI) dengan lebih sempurna sebelum pengguna yang sebenarnya berinteraksi dengan situs web Anda.

SPA Starter Kit

Ini adalah contoh SPA (Aplikasi Halaman Tunggal) yang dibangun dengan Laravel dan VueJS. Belum sumber hebat lain untuk mempelajari pengembangan web menggunakan kerangka kerja - lihat sumber Luke!

Mendokumentasikan

Docute adalah Pustaka JavaScript untuk membuat dokumentasi satu halaman. Ini didukung dengan VueJS dan dikirimkan dengan sejumlah utilitas Node yang memungkinkan Anda mengatur dan menjalankan dokumentasi Anda dengan cepat.