Sumberdaya Segar untuk Desainer dan Pengembang Web (Februari 2016)

2015 adalah tahun yang hebat untuk web: teknologi web telah diadopsi dalam banyak faktor bentuk di luar untuk membangun situs web atau aplikasi web. Banyak aplikasi seluler dan desktop sekarang dibangun menggunakan HTML, CSS, dan JavaScript. Ini dimungkinkan oleh sifat portabilitas dari teknologi web dan perpustakaan seperti React.js, Angular dan Node.js.

Jadi, dalam angsuran seri ini hari ini kami telah mengumpulkan beberapa perpustakaan JavaScript dan CSS.

Klik untuk Lebih Banyak Sumber Daya

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

Slider datar

jQuery UI hadir dengan koleksi antarmuka web umum termasuk Slider - UI yang memungkinkan pengguna memilih rentang nilai numerik. Itu Slider datar adalah alat web yang membuat menyesuaikan gaya UI jQUery, yang dulunya tugas yang sangat menakutkan, jauh lebih mudah sekarang.

Utilitas Open-type

Utilitas Open-type adalah kumpulan kelas drop-in untuk menerapkan fitur tipografi CSS canggih pengikat font seperti itu, huruf kecil, dan banyak lagi. Mereka pada dasarnya memberikan pengalaman membaca sebaik mungkin bagi pengguna Anda dengan detail halus. Ini terdegradasi dengan baik di browser yang lebih lama, yang tidak didukung.

TanggapanJS

Salah satu kendala yang dihadapi oleh gambar responsif adalah biasanya skala gambar dengan benar, tetapi ini mengalihkan titik fokus utama gambar ketika diperkecil ke ukuran viewport yang sangat kecil..

TanggapanJS adalah pustaka JavaScript ringan yang dapat Anda gunakan untuk atur koordinat untuk mempertahankan fokus gambar saat sedang diubah ukurannya.

Linier

Linier adalah aplikasi penggaris untuk Mac. Anda dapat menggunakan penggaris untuk mengukur halaman web, mencari tahu ukuran suatu elemen tanpa harus membuka DevTools atau mencari tahu apakah suatu elemen berada di tengah dengan sempurna. Anda dapat memiliki banyak penggaris, dan mengalihkan unit dari PX ke EM.

StickyStack

StickyStack adalah plugin jQuery untuk membuat pengalaman pengguliran tumpukan, ketika sebuah panel mencapai bagian atas viewport, ia menempel di sana, sementara pengguliran selanjutnya menarik panel berikutnya. Ini adalah plugin yang ringan dengan beberapa opsi untuk mengonfigurasi wadah halaman, bagian tumpukan, serta bayangan kotak tumpukan. Lihat demo.

Penonton

Penonton adalah plugin jQuery untuk gambar lightbox - cara populer yang populer untuk memperbesar gambar di web. Plugin ini hadir dengan opsi luar biasa yang memungkinkan Anda melakukannya sesuaikan setiap bit kotak lampu antarmuka.

Plugin ini juga menyediakan satu set API dan Acara khusus untuk kontrol total atas kotak lampu respon dan perilaku. Terlebih lagi, ini bekerja ke Internet Explorer 8.

DeviceMock

DeviceMock adalah perpustakaan JavaScript yang memungkinkan Anda membuat bingkai atau mockup perangkat seperti ponsel, tablet, dan desktop. Demikian juga, perpustakaan menyediakan opsi untuk mengatur warna tema bingkai, ukuran, serta orientasi bingkai.

Ini mungkin merupakan alternatif yang baik untuk menampilkan web dan aplikasi Anda di tempat menggunakan Photoshop.

Clrs

Clrs adalah inisiatif untuk mendefinisikan kembali warna web standar menjadi nada warna yang lebih ramah mata dan modern. Selain itu, ia menganjurkan serangkaian kombinasi warna untuk aksesibilitas yang lebih baik. Anda dapat menyebarkan warna-warna ini melalui NPM, Gem (Ruby), dan warna swatch Photoshop dan Illustrator.

Mewarnai

Mewarnai adalah pustaka JavaScript super ringan (diperkecil 3kb) untuk ekstrak warna dominan dari gambar dengan banyak API untuk memanipulasi warna. Anda dapat menggunakan warna yang diekstraksi sebagai placeholder sambil menunggu gambar untuk memuat sepenuhnya, menghasilkan latar belakang gradien, atau menyesuaikan antarmuka tetangga untuk memenuhi warna gambar.

BookBlock

BookBlock adalah plugin jQuery ke buat buklet dengan efek flip halaman. Ini adalah alternatif yang bagus untuk menampilkan banyak gambar di situs web Anda, terutama jika ada urutan atau alur yang ingin Anda tampilkan.

Anda dapat memeriksa demo di sini untuk mendapatkan gagasan tentang cara kerja BookBlock.