Sumber Baharu untuk Pereka dan Pemaju Web (Julai 2017)

Masa lalat dan kini kami berada di pertengahan tahun 2017. Dalam bulan ini, kami mempunyai pelbagai perpustakaan JavaScript yang hebat dan beberapa yang lain seperti plugin untuk membolehkan GraphQL di WordPress, aplikasi desktop untuk menjadikan data CSV, dan beberapa laman web rangka kerja. Mari kita periksa mereka.

HeroPatterns

Satu koleksi corak berulang dibuat dengan SVG yang boleh anda gunakan sebagai latar belakang di laman web anda. Tapak ini dilengkapi dengan persekitaran yang berguna untuk menyesuaikan warna dan kelegapan corak dan membolehkan anda hanya menyalin dan menampal kod untuk menambah CSS anda.

TestCafe

TestCafe ialah alat ujian hujung ke hujung (e2e) yang membolehkan anda menguji laman web dan apl web anda seolah-olah ia digunakan oleh pengguna sebenar. Ia akan mengautomasikan beberapa perkara semasa melaksanakan ujian termasuk memulakan pelayar, menjalankan unit ujian tertentu, menghasilkan laporan, screenshot serta cengkaman untuk menyelesaikan kesilapan dengan mudah.

SugarJS

SugarJS adalah perpustakaan JavaScript untuk memanipulasi Objek, Array, dan Tarikh dengan sintaks yang lebih baik dan lebih mudah dibaca. Perpustakaan juga dilengkapi dengan beberapa fungsi utiliti, contohnya, .melarikan diriHTML () yang akan menukarkan elemen HTML ke dalam format Entiti mereka.

CIK

Pustaka JavaScript berguna untuk masa giliran, nombor dan rentetan biasa kepada milisaat. ms ('2 hari'), sebagai contoh, akan ditukar kepada 172800000.

pa11y

Koleksi alat yang hebat untuk membantu meningkatkan kebolehcapaian di laman web anda dan aplikasi web. pa11y mengandungi CLI untuk menguji mana-mana laman web untuk sebarang masalah aksesibiliti, a Papan Pemuka untuk menunjukkan laporan ralat dan amaran yang dihasilkan, dan CLI yang direka khusus untuk alat CI seperti Codeship atau Travis.

Ikon Feather

A koleksi ikon dengan getaran moden. Ikon ini sesuai untuk laman web dan aplikasi yang direka untuk mana-mana platform (iOS, Windows, atau Ubuntu). Ikon datang SVG serta komponen Reakt dan Sudut.

React Flight

Modul Reaktik kepada membina komposisi animasi dalam permohonan anda. Perpustakaan ini diilhamkan oleh Prinsip untuk Sketsa di mana anda boleh tambah interaktiviti kepada komponen UI dengan cepat dan mudah.

BounceJS

Perpustakaan untuk membuat animasi dengan kesan lantunan. Animasi ini dikuasakan oleh CSS3 dan beberapa animasi pratetap. Anda boleh memasang pustaka JavaScript melalui npm, bower, atau hanya salin animasi CSS dijana di laman web.

Bojler

Bojler adalah rangka kerja e-mel dengan garis panduan untuk menulis kod HTML yang akan menyebabkan pelanggan e-mel yang paling popular. Anda boleh mencari lebih banyak kerangka e-mel dalam jawatan terdahulu kami.

Devicon

Satu koleksi ikon bahasa pengaturcaraan, reka bentuk, dan alat pembangunan. Ikon boleh didapati dalam format SVG dan Font. Sesetengah tertentu ikon seperti Firefox, AWS, dan HTML5 juga datang dengan varian terperinci mereka. Betul cantik keren?

Kini UI Kit

Antara muka responsif koleksi berdasarkan Bootstrap 4. Ia mempunyai 50 elemen dan 3 templat tersuai. Selain dari versi HTML, UI juga disediakan dalam format JPA dan Sketsa.

T-Scroll

T-Scroll ialah a Perpustakaan JavaScript untuk menggunakan animasi apabila elemen kelihatan di viewport. Ia dilengkapi dengan beberapa pilihan dan animasi pratetap.

Editor Ory

ORY adalah editor web moden dan lebih mudah diakses di web. ORY Editor adalah dibina di atas React and Flux. Ia menjadikan penyuntingan mudah dengan membenarkan pengguna mengedit kandungan dan melihat hasilnya dengan serta-merta tanpa perlu mengenal pasti sintaks khas seperti HTML atau Markdown.

TadViewer

TadViewer adalah berguna aplikasi desktop untuk melihat CSV dan ia berfungsi pada data dan fail yang besar. Aplikasi ini boleh didapati di macOS, Windows, dan Linux.

Poli Gelintar Tatal

Menatal Smooth telah terbukti untuk memberi pengalaman pengguna yang lebih menyenangkan. Ia kini dicadangkan dan dirumus secara rasmi di W3C. Pada masa ini, ia hanya berfungsi dalam Chrome, Firefox, dan Opera. Gunakan perpustakaan ini untuk mencontohi kelakuan menatal lancar di Internet Explorer dan Safari.

Noty

Pustaka JavaScript untuk memaparkan pemberitahuan, Noty memudahkan untuk menunjukkan Alart, Kejayaan, Ralat, Peringatan, Maklumat atau mesej dialog. Ia boleh digunakan bersama dengan perpustakaan animasi seperti mo.js dan bounce.js untuk membuat pemberitahuan pemberitahuan masuk dan keluar dengan anggun.

HopScotch

Hopscotch adalah projek sumber terbuka yang diinstitusikan oleh LinkedIn. Ia merupakan kerangka untuk memudahkan para pemaju menambah tur produk. Lihat demo untuk contoh langsung dan API.

SurveyJS

SurveyJS adalah satu lagi perpustakaan JavaScript yang hebat. Seperti namanya, ia adalah direka bentuk untuk membuat input tinjauan. Ia mempunyai pelbagai jenis input untuk mengisi jawapan tinjauan dan juga telah dipindahkan ke beberapa kerangka JavaScript yang popular termasuk AngularJS, VueJS, dan React.

WP GraphQL

GrafQL semakin meningkat dan mungkin satu pesaing yang kuat untuk menggantikan seni bina REST yang kuasa hampir semua API web. Ini adalah plugin yang akan membolehkan anda dapatkan kandungan WordPress anda dengan GraphQL. Berikut adalah rujukan besar tentang bagaimana REST dan GraphQL berbeza antara satu sama lain.

Editor Monaco

Editor Monaco adalah editor yang kuasa Editor Kod Visual. Ia dibina oleh Microsoft dan menyokong beberapa bahasa daripada kotak termasuk HTML, CSS, KURANG, CoffeeScript, dan PHP bersama dengan Intellisense yang membantu anda menulis kod dengan lebih cepat.