Sumberdaya segar untuk Desainer dan Pengembang Web (Februari 2018)

Setelah meliput seri ini selama bertahun-tahun, saya menyaksikan alat datang dan pergi. SEBUAH beberapa alat baru dirilis hampir setiap minggu. Namun, dalam beberapa minggu terakhir saya pikir ini sedikit melambat, saya butuh waktu sedikit lebih lama dari biasanya gali ke Github dan sumber lain untuk menemukan alat baru yang gratis, sumber terbuka, dan layak disebutkan pada seri ini.

Dalam posting hari ini saya memiliki campuran alat dari kerangka JavaScript, alat Pengujian, dan beberapa untuk mengembangkan situs WordPress. Mari kita periksa.

Kutt

Sebuah aplikasi yang mempersingkat URL dengan nama domain Anda sendiri. Itu dibangun di atas tumpukan modern seperti Node.js, React, dan Redux dengan beberapa fitur yang ada di dalamnya termasuk URL yang dilindungi kata sandi, RESTful API, dan suka statistik terperinci untuk memantau URL Anda. Yang terbaik adalah ini gratis dan Anda dapat menyimpannya di server Anda sendiri.

WordHat

WordHat adalah a alat untuk mengintegrasikan Behat ke WordPress. Behat adalah kerangka open source Behavior-driven Development (BDD) untuk PHP tempat Anda dapat menguji aplikasi PHP Anda dengan cara yang lebih ekspresif.

Anda akan menemukan alat ini sangat berguna karena tema dan plugin WordPress Anda menjadi lebih rumit dengan fitur; WordHat dan Behat akan memastikan bahwa tema atau plugin Anda berperilaku seperti yang diharapkan ketika pengguna berinteraksi dengannya.

WP Browser

Mirip dengan WordHat, WP-Browser adalah kepanjangan dari Codeception dirancang khusus untuk aplikasi, tema, dan plugin WordPress. Codeception adalah alat untuk melakukan pengujian pada aplikasi Anda, mirip dengan PHPUnit dan Behat, tetapi dibundel dengan lebih banyak. Dalam hal itu, Anda bisa melakukannya Pengujian Browser, BDD, Pengujian Integrasi Unit, dan pengujian API.

Node WP Internasionalisasi

Nama itu berbicara sendiri. Ini adalah modul NodeJS untuk mengotomatisasi banyak hal untuk menginternasionalisasi tema atau plugin Anda. Pasang modul dan jenisnya wpi18n makepot untuk menghasilkan file POT keluar dari teks yang dapat diterjemahkan di plugin atau tema WordPress Anda.

Terima kasih

Modul NodeJS lain yang sedang tren di Github baru-baru ini. “Terima kasih” akan menghasilkan daftar pengelola paket yang digunakan pada proyek sumber terbuka Anda dan tautkan ke halaman sumbangan atau OpenCollective mereka sebagai tanda terima kasih atas kontribusi mereka kepada komunitas.

Buat Blok Guten

Gutenberg didengar dan akan dikirim dengan WordPress 5.0. Ini adalah sebuah Modul NPM untuk menghasilkan boilerplate pengembangan blok Gutenberg dengan tumpukan modern seperti React, Webpack, Babel, dan Sass. Cukup jalankan baris perintah ,buat-guten-blok, dan Anda sudah siap.

WP Vue

WP Vue adalah a template yang dibangun dengan Vue untuk menampilkan posting WordPress. Template ini adalah titik awal yang baik jika Anda ingin membuat situs WordPress Anda tanpa kepala. Lihat cara kerjanya di halaman demo. Ubah URL titik akhir URL WP-API dari situs WordPress mana pun; itu akan secara otomatis mengisi kembali posting dengan yang dari URL titik akhir baru.

Rangsangan

SEBUAH kerangka kerja JavaScript baru dari Basecamp. Tidak seperti React atau Vue, itu tidak memaksa Anda untuk menulis seluruh aplikasi Anda dengan JavaScript atau menambahkan atribut sintetis.

StimulusJS bekerja dalam HTML biasa yang telah kita ketahui dengan data- atribut. Ini juga tidak memerlukan konfigurasi pembangunan yang kompleks. Kamu bisa cukup tambahkan skrip di halaman web seperti yang Anda lakukan dengan jQuery dan hanya itu - mulai menulis skrip membuat aplikasi Anda hidup.

Manta

SEBUAH aplikasi gratis untuk membuat dan mengelola faktur. Anda dapat menambahkan catatan, menetapkan mata uang, menerapkan diskon, menambahkan daftar klien atau pelanggan, tambahkan logo Anda, rancang templat faktur, dan unduh dalam format PDF. Ini tersedia untuk macOS, Windows, dan Linux. Jika Anda seorang freelancer, ini mungkin faktur yang Anda cari untuk menjalankan bisnis lepas Anda.

Bereaksi Statis

Seperti namanya, ini adalah alat yang memungkinkan Anda untuk melakukannya menghasilkan situs statis menggunakan Bereaksi. Itu datang dibundel dengan semua alat pra-konfigurasi, sehingga Anda dapat mulai memproduksi konten untuk web. Dan menjadi situs statis, Anda bisa host situs bahkan di hosting bersama dengan sumber daya rendah.

Piklist

Piklist adalah pengembangan WordPress itu memungkinkan Anda membangun pengaturan situs web yang kompleks dengan WordPress dengan kode lebih sedikit. Muncul dengan seperangkat fungsi pembantu dan Hooks untuk memperluas hampir setiap bagian di WordPress seperti halaman Pengaturan, bidang khusus, pemberitahuan admin, kode pendek, widget, taksonomi, pengguna, dan masih banyak lagi.

Strapi

SEBUAH content CMS agnositic content untuk membangun API konten. Ini memungkinkan Anda untuk merancang struktur konten Anda sendiri dan API serta menyediakan panel Admin yang indah untuk mengelolanya. Namun, itu tidak menyediakan sistem templating built-in. Saya t menawarkan Anda untuk memilih perpustakaan front-end yang Anda sukai seperti Bereaksi atau Vue.

ParcelJS

ParcelJS adalah a bundler seperti Webpack dan Browserify, kecuali ini lebih cepat dan tidak membutuhkan konfigurasi. Saya t mendukung bundler pengembangan umum untuk HTML, JS, CSS dan transformer seperti PostCSS dan Babel out-of-the-xbox. Jadi, Anda hanya bisa fokus pada kode Anda daripada membuang-buang waktu pada konfigurasi.

GoodShare

Pustaka JavaScript untuk tampilkan tombol Media Sosial dengan jumlah share untuk beberapa media sosial. Ini mendukung banyak media sosial termasuk yang belum pernah Anda dengar seperti Vkontakte, Odnoklassniki, SurfingBird, juga beberapa platform messenging seperti Skype, WhatsApp, dan LINE. GoodShare juga tersedia sebagai komponen Vue.

CopyChar

Situs web yang memungkinkan Anda temukan dan salin karakter khusus ke clipboard Anda. Surat, Tanda Baca, Matematika, Panah, dan Emoji adalah beberapa karakter yang termasuk dalam situs. Secara sederhana klik atau ketuk karakter untuk menyalin karakter ke clipboard Anda.

Saraf

Saraf adalah hal lain perpustakaan VirtualDOM reaktif; alternatif untuk ReactJS. Membawa sintaksis JSX dari Bereaksi tetapi dengan beberapa perbedaan penting. Nerv mendukung Internet Explorer 8! dan itu hanya sepertiga dari ukuran Bereaksi. Masih, Nerv kompatibel dengan React add-ons bahkan yang paling kompleks.

HyperappJS

Pustaka JavaScript lain yang layak digunakan untuk membangun aplikasi web. Saya t menggabungkan manajemen negara dengan mesin DOM Virtual yang mendukung pembaruan penting dan acara siklus hidup semua tanpa ketergantungan.

VulcanJS

Vulcan adalah a tumpukan alat untuk membangun aplikasi web modern. Ini dibundel dengan React, GraphQL, dan Meteor yang sudah dikonfigurasi sebelumnya. Karena ini adalah kerangka kerja tumpukan penuh yang menyediakan berbagai macam komponen pembantu disesuaikan ke back-end dan front-end, semuanya hanya bekerja di luar kotak. Dengan demikian Anda dapat menjalankan aplikasi dengan cepat.

Koa11y

Aplikasi desktop untuk Windows, macOS dan Linux untuk memeriksa masalah aksesibilitas di situs web. Koa11y akan memberikan pemberitahuan dan peringatan apakah situs web Anda melanggar standar Aksesibilitas.

Ini harus menjadi alat di setiap kotak alat pengembang web. Coba navigasikan situs web dengan hanya menggunakan keyboard Anda selama sehari untuk memahami betapa Aksesibilitas itu penting.

TablePlus

Benar-benar aplikasi GUI yang terlihat bagus untuk mengelola basis data. TablePlus mendukung berbagai macam mesin basis data termasuk (tentu saja) MySQL, SQLite, Redis, Postgres, MS SQL, dan banyak lagi lainnya. TablePlus tersedia untuk macOS dan Windows.