Sumber Baharu untuk Pereka dan Pemaju Web (Oktober 2018)

Tidak seperti perkembangan web industri lain berubah dengan pesat. Terdapat alat, kaedah, dan rangka kerja baru yang dibangunkan hampir setiap hari untuk memenuhi keperluan trend baru dan kemajuan teknologi dalam industri web.

Jadi di sini adalah senarai alat dan sumber terkini termasuk rangka kerja PHP untuk dengan mudah dilakukan Ujian E2E untuk aplikasi PHP anda, alat untuk menghasilkan warna yang mematuhi standard Kebolehcapaian W3C, dan segelintir sambungan Vue.js. Mari kita jumpa untuk melihat senarai penuh.

Keyframes App

Aplikasi berasaskan web menyediakan GUI yang bagus untuk menyusun animasi CSS dan gambarkan animasi dengan garis masa. Aplikasi ini juga membolehkan anda memuat turun output CSS sebaik sahaja anda berpuas hati. Keyframes CSS bukanlah spec yang paling mudah dalam CSS, jadi mempunyai aplikasi seperti ini pasti akan menjadi timesaver.

Symfony Panther

“Symfony Panther” adalah rangka kerja PHP menakjubkan dari Symfony untuk melaksanakan ujian E2E (End-to-end). Ia datang dengannya pelayan web terbina dalam dan boleh memanfaatkan Chrome yang dipasang di komputer anda untuk melaksanakan ujian E2E.

Lebih-lebih lagi, ia menyokong Pelaksanaan JavaScript, menangkap tangkapan skrin, pemacu Selenium adat, Chrome, dan pelanggan Firefox. Sebagai rangka kerja yang berdiri sendiri, anda boleh memasukkan Panther dalam mana-mana projek PHP seperti, misalnya, WordPress, Joomla, dan sebagainya.

TrendyPalettes

Satu koleksi palet warna yang indah. Koleksi ini menawarkan beribu-ribu palet warna terpilih. Pengguna boleh mengemukakan palet warna baru, jadi sentiasa ada palet baru yang ditambah hari biasa. TrendyPalettes juga boleh didapati sebagai sambungan Chrome.

Eagle.js

Eagle.js adalah rangka kerja untuk membuat slaid yang dibina di atas Vue.js supaya anda boleh dengan mudah menggunakan semula komponen Vue.js tersuai dalam slaid. Slaid juga menyokong navigasi papan kekunci dan tetikus, gaya adat atau tema, widget interaktif, dan menyediakan boilerplate untuk membantu menubuhkan dan membentangkan slaid dengan cepat. Ia boleh menjadi hebat alternatif untuk Reveal.js, terutamanya jika anda sudah biasa dengan Vue.js.

Grape.js

GrapeJS adalah pembina web sumber terbuka yang membolehkan anda membina laman web semata-mata oleh menyeret dan menjatuhkan komponen. Ia menyediakan beberapa komponen biasa seperti Teks, Imej, Vidoe, Lajur, Peta, Quote, dan lain-lain. Anda boleh mengeksport ke dalam HTML dan CSS dan outputnya luar biasa kemas, tidak seperti beberapa alat serupa yang saya cuba sebelum ini. Lihat demo itu.

Vapid

Vapid adalah CMS baru yang dibina dengan Node.js dengan pendekatan yang menarik dan unik. Kebanyakan CMS, memandangkan anda ingin menyertakan jenis data baru, akan memerlukan terlebih dahulu menentukan input tersuai di dalam Dashboard / Admin area.

Dengan Vapid, ia bertentangan dengan yang anda boleh menentukan templat, dan Vapid secara automatik akan menghasilkan input dalam kawasan Dashboard / Admin. Ia boleh didapati sebagai pakej NPM.

Pemberitahuan WP CLI

Nama itu mengatakan semuanya. Ia adalah pakej WP-CLI tersuai untuk memaparkan pemberitahuan OS apabila WP-CLI sudah selesai dilaksanakan. Sangat mewah.

CSSGr.id

Aplikasi berasaskan web untuk menyusun CSS Grid. Anda boleh mengkonfigurasi bilangan item, lajur, jurang antara setiap item, serta setiap rentang item dan kemudian menghasilkan kod HTML dan CSS. CSS Grid adalah salah satu daripada spesifikasi CSS yang tidak mudah difahami. Tetapi alat ini menjadikannya lebih mudah untuk menanganinya.

Petua Skrol

ScrollHint adalah perpustakaan JavaScript yang membolehkan anda membuat elemen di atas untuk menunjukkan bahawa bahagian di laman web anda boleh ditatal. Ini berguna terutamanya jika anda mempunyai unsur tatal mendatar di halaman web anda kerana kebanyakan orang tidak semulajadi tatal ke kiri ke kanan (atau sebaliknya) apabila memakan web.

PristineJS

Pustaka JavaScript untuk menambah pengesahan kepada input. HTML5 datang dengan beberapa jenis pengesahan sudah dengan “type = email”, dan “jenis = nombor” sebagai contoh. Tetapi jika anda memerlukannya pengesuai adat yang tidak dilaksanakan dalam HTML5, perpustakaan JavaScript ini akan berguna.

SelectionJS

Kebanyakan orang mungkin sudah mengetahui cara memilih beberapa folder atau fail dalam komputer mereka; mereka biasanya akan memegang klik mouse mereka dan seretnya di sekitar fail atau folder yang mereka mahu pilih. Jika anda ingin menggunakan UX yang sama di laman web anda, SelectionJS akan berguna.

Webdash

Webdash adalah alat yang boleh paparkan projek anda ke dalam antara muka GUI. Ia menghubungkan melalui package.json fail di komputer anda. Jadi ia boleh memaparkan senarai Pakej NPM, kemas kini pakej, skrip berdaftar, jalankan skrip, dan pratonton fail README terus dari Webdash. Cantik hebat!

CanJS

Rangka kerja JavaScript untuk membina antara muka web. Ia serupa dengan React.js dengan beberapa ciri tambahan dan dilengkapi dengan penghala, DOM Utiliti, dan fungsi AJAX keluar dari kotak. Ia juga mempunyai sokongan masyarakat yang agak aktif menyediakan beberapa sambungan.

CheerioJS

Pustaka JavaScript yang melaksanakan spesifikasi jQuery Core untuk DOM (Model Objek Dokumen) dan direka untuk digunakan di sisi pelayan. Jika anda bekerja dengan Node.js sementara juga menikmati sintaks jQuery seperti addClass (), attr (), dan cari(), ini adalah JavaScript yang anda cari.

Colorbox

Colorbox adalah inisiatif Lyft untuk menghasilkan komposisi warna yang mematuhi standard Accessiblity warna. Alat ini dikuasakan dengan algoritma pintar yang membolehkan anda semata-mata bergerak di sekitar tombol, ubah konfigurasi, dan ia akan menghasilkan warna yang sesuai untuk anda. Ia hanya menakjubkan.

Ciri-ciri Ditaip dalam PHP 7.4

PHP7.3 hanya sekitar sudut, seperti yang telah kita sebutkan dalam ansuran sebelumnya. Tetapi PHP7.4 sudah ada dalam Rancangan. Salah satu pelan adalah Ditaip Harta. Ini bermakna anda akan dapat tulis sesuatu seperti int $ id awam; dalam kelas PHP anda. Ia satu perubahan besar yang boleh membantu mengurangkan kegagalan aplikasi PHP anda.

Stensil

Pengompil JavaScript yang menjadikannya mudah untuk membuat Web Components dengan standard terkini. Di samping itu, StencilJS juga menambah beberapa pendekatan pembangunan web moden ke dalam campuran termasuk Sokongan JSX, kereaktifan, penghala, dan Pengurusan Negeri menggunakan plugin.

Loading Vue Infinite

Sambungan Vue untuk membuat halaman tatal tak terhingga. Ia mesra mudah alih dan serasi dengan mana-mana unsur yang boleh ditatal. Ia juga menyokong dua arah tatal, dan yang terbaik, ia menjimatkan banyak masa.

V Clipboard

Sambungan Vue.js tersuai yang menjadikannya begitu mudah untuk mencipta “Salinan” butang. Anda hanya boleh menambah v-clipboard atribut ke butang dan anda semua ditetapkan. Sambungan Vue.js ini berfungsi untuk setiap penyemak imbas moden serta IE11 dan terkini.

Vue Select

Satu komponen Vue.js yang menyediakan fungsi yang serupa kepada Select2. Ia direka untuk Vue.js yang membolehkannya serasi dengan Vuex, Custom Templating, dan sekumpulan kebaikan Vue.j yang lain.