10 Library JavaScript dan CSS Menarik di November 2019

Misi kami di Ruangcerita adalah untuk memberi kamu informasi terkini tentang tren terbaru yang keren dalam pengembangan web.

developer

Misi kami di Ruangcerita adalah untuk memberi kamu informasi terkini tentang tren terbaru yang keren dalam pengembangan web. Itu sebabnya di kanal baru ini, setiap bulan kami akan merilis koleksi source terbaik yang kami temukan dan kami anggap layak menjadi perhatianmu.

Jika kamu menikmati artikel ini, pastikan untuk mengikuti feed Instagram dan Facebook Ruangcerita.

csswand.png

CSS Wand

Koleksi CSS yang dapat disesuaikan, seperti loading spinner, tombol animasi, dan komponen CSS keren lainnya. Pilih yang menurutmu keren, lalu copy CSS-nya, dan paste ke proyek kamu. Kode benar-benar bersih sehingga dengan mudah kamu bisa melakuakn penyesuaian untuk membuatnya terlihat seperti yang kamu suka.


barba.png

Barba.js

Library JavaScript kecil ini digunakan untuk membuat transisi antara halaman website terasa sangat mulus. Saat saya mencoba demo, transisi antar halaman seperti layaknya halaman tunggal karena tanpa jeda. Jelas JavaScript ini yang membantu mengurangi jeda memuat halaman, meminimalkan permintaan HTTP, dan tentu meningkatkan pengalaman pengguna.


freezeframe.jpg

Freezeframe

Library JS kecil ini memungkinkan kamu untuk mengontrol pemutaran animasi GIF. Kamu dapat memulai dan menjeda GIF berdasarkan input pengguna seperti klik atau arahan kursor. 


urlpages.png

URL Pages

Menyunting kode program website secara instan, seluruh konten halaman (termasuk HTML, CSS, dan JS) ditampilkan pada satu layar. Bagikan link ke rekan kerja untuk bersama-sama menyuting program.


verbalexpressions.png

VerbalExpressions

Library JavaScript yang membantu menulis ekspresi reguler. Ini memberikan metode yang dapat dilewati untuk sebagian besar operasi RegEx, yang memungkinkan web developer untuk menulis aturan yang lebih rumit tanpa harus membangun ekspresi reguler menggunakan token.


spotlight.png

Spotlight

Galeri lightbox JavaScript yang sepenuhnya plug-and-play. Cukup masukkan ke halamanmu melalui CDN atau bundler JS pilihanmu, buat markup galeri, dan voila – lightbox kamu berfungsi. Tidak ada kode tambahan, CSS, atau dependensi.


your.jpg

Mavo

Bahasa berbasis HTML untuk membangun situs web tanpa pengkodean apa pun. Proyek keren ini memungkinkan untuk membuat situs web kecil yang digerakkan oleh data tanpa JS dan tanpa backend, hanya HTML. Ini juga dapat digunakan sebagai kerangka kerja front-end deklaratif dan reaktif untuk membuat pengembangan UI lebih mudah.


scenejs.png

Scene.js

Scene.js adalah library animasi berbasis timeline dengan banyak fitur mengagumkan. Itu dapat dimainkan di JS dan CSS, mendukung animasi SVG, banyak jadwal, dan dilengkapi dengan efek yang telah ditetapkan yang dapat kamu gunakan di luar kotak.


bliss.png

Bliss

Library kecil tapi keren yang menambahkan pemanis sintaksis untuk Vanilla JS, membuat API jauh lebih menyenangkan. Tidak seperti jQuery, itu tidak mempengaruhi vanilla JS API itu sendiri, itu hanya meningkatkan sintaksis, menjaga fungsionalitas metode tidak tersentuh.


just.png

Just

Library task buatan MicroSoft yang membantu mengatur tugas pembangunan untuk proyek JavaScript kamu. Termasuk preset untuk TypeScript, Webpack, dan lainnya.

Leave a Reply

Your email address will not be published. Required fields are marked *

Leave a comment
scroll to top