Sumberdaya Segar untuk Desainer dan Pengembang Web (Oktober 2018)

Tidak seperti pengembangan web industri lainnya berubah dengan pesat. Ada alat, metode, dan kerangka kerja baru yang dikembangkan hampir setiap hari untuk melayani tren yang lebih baru dan kemajuan teknologi dalam industri web.

Jadi di sini adalah daftar alat dan sumber daya terbaru termasuk kerangka kerja PHP untuk dengan mudah dilakukan Pengujian E2E untuk aplikasi PHP Anda, alat untuk menghasilkan warna yang memenuhi standar Aksesibilitas W3C, dan beberapa ekstensi Vue.js. Mari melompat untuk melihat daftar lengkapnya.

Aplikasi Keyframes

Aplikasi berbasis web menyediakan GUI yang bagus untuk membuat animasi CSS dan memvisualisasikan animasi dengan garis waktu. Aplikasi ini juga memungkinkan Anda untuk mengunduh hasil CSS setelah Anda puas. CSS keyframe bukan spec termudah di CSS, jadi memiliki aplikasi seperti ini pasti akan menjadi penghemat waktu.

Symfony Panther

“Symfony Panther” adalah kerangka kerja PHP yang luar biasa dari Symfony untuk melakukan tes E2E (End-to-end). Itu datang dengan server web bawaan dan dapat memanfaatkan Chrome yang dipasang di komputer Anda untuk melakukan tes E2E.

Apalagi itu mendukung Eksekusi JavaScript, tangkapan layar tangkapan layar, driver Selenium khusus, Chrome, dan klien Firefox. Menjadi kerangka kerja mandiri, Anda dapat memasukkan Panther dalam proyek PHP seperti, misalnya, WordPress, Joomla, dll.

Palet Trendy

Koleksi palet warna yang indah. Koleksi ini menawarkan ribuan palet warna pilihan sendiri. Pengguna dapat mengirimkan palet warna baru, jadi selalu ada palet baru yang ditambahkan setiap hari. TrendyPalettes juga tersedia sebagai ekstensi Chrome.

Eagle.js

Eagle.js adalah kerangka kerja untuk membuat slide yang dibangun di atas Vue.js sehingga Anda dapat dengan mudah menggunakan kembali komponen Vue.js khusus dalam slide. Slide ini juga mendukung navigasi keyboard dan mouse, gaya khusus atau tema, widget interaktif, dan menyediakan pelat untuk membantu mengatur dan menyajikan slide dengan cepat. Itu bisa menjadi besar alternatif untuk Reveal.js, terutama jika Anda sudah terbiasa dengan Vue.js.

Grape.js

GrapeJS adalah pembuat web open-source yang memungkinkan Anda membuat halaman web hanya dengan menyeret dan menjatuhkan komponen. Ini menyediakan beberapa komponen umum seperti Teks, Gambar, Vidoe, Kolom, Peta, Kutipan, dll. Anda dapat mengekspornya ke HTML dan CSS dan hasilnya luar biasa rapi, tidak seperti beberapa alat serupa yang saya coba sebelumnya. Lihat demo.

Hambar

Vapid adalah CMS baru yang dibangun dengan Node.js dengan pendekatan yang menarik dan unik. Sebagian besar CMS, dengan asumsi Anda ingin memasukkan tipe data baru, harus terlebih dahulu menentukan input khusus di area Dashboard / Admin.

Dengan Vapid, ini sebaliknya karena Anda dapat menentukan templat, dan Vapid akan secara otomatis menghasilkan input di area Dasbor / Admin. Ini tersedia sebagai paket NPM.

WP CLI Notification

Namanya mengatakan itu semua. Ini adalah paket WP-CLI khusus untuk menampilkan notifikasi OS ketika WP-CLI sudah selesai dieksekusi. Cukup mewah.

CSSGr.id

Aplikasi berbasis web untuk menulis CSS Grid. Anda dapat mengkonfigurasi jumlah item, kolom, celah antara setiap item, serta setiap rentang item dan kemudian menghasilkan kode HTML dan CSS. CSS Grid adalah salah satu dari spesifikasi CSS yang tidak mudah dimengerti. Tetapi alat ini membuatnya jauh lebih mudah untuk menghadapinya.

Gulir Petunjuk

ScrollHint adalah pustaka JavaScript yang memungkinkan Anda membuat elemen di atas untuk menunjukkan bahwa bagian di halaman web Anda dapat digulir. Ini sangat berguna jika Anda memiliki elemen gulir horizontal pada halaman web Anda karena kebanyakan orang tidak secara alami menggulir ke kiri (atau sebaliknya) ketika mengkonsumsi web.

PristineJS

Pustaka JavaScript untuk menambahkan validasi ke input. HTML5 hadir dengan beberapa jenis validasi dengan “type = email”, dan “type = number” sebagai contoh. Tetapi jika Anda membutuhkan validator khusus yang tidak diterapkan dalam HTML5, perpustakaan JavaScript ini akan berguna.

PilihanJS

Kebanyakan orang mungkin sudah terbiasa tentang cara memilih beberapa folder atau file di komputer mereka; mereka biasanya menahan klik mouse dan menyeretnya ke file atau folder yang ingin mereka pilih. Jika Anda ingin menerapkan UX yang sama di situs web Anda, SelectionJS akan berguna.

Webdash

Webdash adalah alat yang bisa tampilkan proyek Anda ke antarmuka GUI. Menghubungkan melalui package.json file di komputer Anda. Sehingga dapat menampilkan daftar Paket NPM, perbarui paket, skrip terdaftar, jalankan skrip, dan melihat pratinjau file README langsung dari Webdash. Cukup mengagumkan!

CanJS

Kerangka kerja JavaScript untuk membangun antarmuka web. Ini mirip dengan React.js dengan beberapa fitur tambahan dan dilengkapi dengan fungsi router, DOM Utilities, dan AJAX langsung dari kotak. Ini juga memiliki dukungan komunitas yang cukup aktif menyediakan beberapa ekstensi.

Ceria

Pustaka JavaScript yang mengimplementasikan spesifikasi jQuery Core untuk DOM (Document Object Model) dan dirancang untuk digunakan di sisi server. Jika kamu bekerja dengan Node.js sementara juga menikmati sintaks jQuery seperti addClass (), attr (), dan menemukan(), ini adalah JavaScript yang Anda cari.

Kotak warna

Colorbox adalah inisiatif Lyft untuk menghasilkan komposisi warna yang sesuai dengan standar Accessiblity warna. Alat ini diberdayakan dengan algoritma pintar yang memungkinkan Anda untuk secara sederhana bergerak di sekitar tombol, ubah konfigurasi, dan itu akan menghasilkan warna yang tepat untuk Anda. Luar biasa.

Properti yang Diketik di PHP 7.4

PHP7.3 sudah dekat, seperti yang telah kami sebutkan dalam angsuran sebelumnya. Tapi PHP7.4 sudah ada dalam Paket. Salah satu rencananya adalah Typed Property. Ini berarti Anda akan segera dapat melakukannya menulis sesuatu seperti public int $ id; di kelas PHP Anda. Ini adalah perubahan besar yang dapat sangat membantu mengurangi bug aplikasi PHP Anda.

Setensilan

Kompiler JavaScript yang memudahkan untuk membuat Komponen Web dengan standar terbaru. Selain itu, StencilJS juga menambahkan beberapa pendekatan pengembangan web modern ke dalam campuran termasuk Dukungan BEJ, reaktivitas, router, dan Manajemen Negara menggunakan plugin.

Vue Infinite Loading

Ekstensi Vue untuk membuat halaman gulir yang tak terbatas. Ramah mobile dan kompatibel dengan elemen yang dapat digulir. Ini juga mendukung dua arah gulir, dan yang paling penting, ini menghemat banyak waktu.

V Clipboard

Ekstensi Vue.js khusus yang membuatnya begitu mudah dibuat “Salinan” tombol. Anda cukup menambahkan v-clipboard atribut ke tombol dan Anda siap. Ekstensi Vue.js ini berfungsi untuk setiap browser modern dan juga IE11 dan yang terbaru.

Vue Select

Komponen Vue.js yang menyediakan fungsionalitas yang mirip dengan Select2. Ini dirancang untuk Vue.js yang memungkinkan kompatibel dengan Vuex, Custom Templating, dan banyak kebaikan Vue lainnya.