Sumberdaya Segar untuk Desainer dan Pengembang Web (Mei 2016)

Sudah waktunya bagi kami untuk berbagi daftar sumber daya yang luar biasa untuk sesama pengembang web kami. Terakhir kali kami menampilkan sejumlah referensi, aplikasi, dan beberapa perpustakaan JavaScript.

Mengingat ada banyak perpustakaan JavaScript yang belum kita bahas dalam seri ini, angsuran ini akan menampilkan lebih banyak plugin jQuery dan beberapa referensi untuk meningkatkan keterampilan kita sebagai pengembang web. Mari kita periksa.

Klik untuk Lebih Banyak Sumber Daya

Temukan seluruh koleksi sumber daya kami yang direkomendasikan dan alat desain dan pengembangan web terbaik yang tersedia.

jQueryMy

jQueryMy adalah Plugin jQuery untuk menangani pengikatan data waktu-nyata. Ini kompatibel dengan kontrol atau input peramban asli serta perpustakaan UI seperti jQuery UI di luar kotak. Ini dilengkapi dengan validasi, pemformatan bersyarat, dan manajemen dependensi kompleks yang membuatnya lebih bagus - namun ringan - alternatif untuk kerangka kerja MV * seperti Backbone.js, Ember.js dan Vue.js

Kepala

Biasanya, itu kepala tag berisi judul tag, tanda link tag yang menunjuk ke stylesheet, dan naskah tag untuk memuat file JavaScript. Repositori ini menunjukkan hal itu ada banyak lagi yang bisa kita sertakan dalam kepala menandai. Daftar ini mencakup tautan umum dan tag meta ke satu platform tertentu.

SmoothState

Mengembangkan a transisi halaman halus bisa jadi sangat menyakitkan. Kita perlu memikirkan penanganan dukungan browser untuk API Sejarah, caching, pra-pemuatan, serta animasi untuk memastikannya berfungsi dengan lancar dan cepat. SmoothState hadir dengan semua ini dalam satu paket, memungkinkan kami untuk mendapatkan pengalaman dan berjalan dalam waktu yang lebih singkat.

SketchRunner

Singkatnya, SketchRunner mirip dengan OS X Spotlight, Alfred, atau Palette Command SublimeText. Ini adalah ekstensi Sketsa itu memberikan antarmuka pencarian sederhana untuk melakukan beberapa tugas yang biasanya dilakukan di menu aplikasi. Ini merampingkan untuk membantu Anda menjadi lebih produktif.

CSS dapat dipertahankan

CSS yang dapat dipertahankan adalah buku online yang terdiri dari pengalaman bertahun-tahun, teknik halus untuk membuat CSS bintang yang dapat dipertahankan dalam jangka panjang dari generasi ke generasi.

Pola Kotak Lunak

Ini adalah koleksi potongan dan drop-in HTML dan CSS untuk membangun antarmuka, seperti header, footer, navigasi menu, menggunakan CSS Flexbox. Jika Anda merasa sulit menggunakan Flexbox, ini adalah sumber inspirasi yang hebat untuk akhirnya mempelajari Flexbox.

Lampu lava

Infinite Scroll adalah antarmuka populer di web tempat itu menarik konten baru saat kami mencapai bagian bawah halaman. Lavalamp adalah pustaka JavaScript, di-dubbing untuk menggantikan Infinite Scroll. Lihat demo.

Glio

JavaScript itu mendeteksi kursor mouse kapan itu akan meninggalkan viewport yang kemungkinan menunjukkan bahwa pengguna akan berhenti. Ketika itu terjadi, Anda dapat menggunakannya untuk memicu fungsi untuk menampilkan formulir berlangganan atau a pesan popup sederhana untuk meningkatkan tingkat konversi Anda.

Coleure

Lain pemilih warna dengan antarmuka pengguna yang keren. Anda dapat menarik dan melepaskan warna untuk membuat palet warna Anda sendiri, menjadikan ini pendekatan yang lebih visual dan terorganisir untuk membangun skema warna. Daftar untuk membuat akun untuk menyimpan koleksi Anda.

CSSX

CSSX adalah alat itu memungkinkan Anda untuk menulis CSS dalam JavaScript. Tidak ada yang berubah; Ini adalah sintaks CSS asli yang sama yang dibungkus dengan fungsi JavaScript. Jujur saya belum tahu bagaimana saya bisa memanfaatkan CSSX di salah satu proyek saya tapi itu terlihat keren dan pasti layak disebut.