Sumber Baharu untuk Pereka dan Pemaju Web (Februari 2016)

2015 adalah tahun yang hebat untuk web: teknologi web telah diguna pakai dalam banyak faktor bentuk di luar untuk membina laman web atau aplikasi web. Banyak aplikasi mudah alih dan desktop kini dibina menggunakan HTML, CSS, dan JavaScript. Ini dimungkinkan oleh sifat mudah alih teknologi web dan perpustakaan seperti React.js, Angular dan Node.js.

Oleh itu, dalam ansuran hari ini, kami telah menyusun beberapa perpustakaan JavaScript dan CSS.

Klik untuk Sumber Lebih Banyak

Cari koleksi kami sumber yang disyorkan dan reka bentuk dan alat pembangunan web terbaik yang tersedia.

Slider Flat

UI jQuery dilengkapi dengan koleksi antara muka web biasa termasuk Slider - UI yang membolehkan pengguna memilih pelbagai nilai angka. The Slider Flat adalah alat web yang menjadikan menyesuaikan gaya UI jQUery, yang merupakan tugas yang sangat menakutkan, jauh lebih mudah sekarang.

Jenis Terbuka Utiliti

Jenis Terbuka Utiliti adalah koleksi kelas drop-in kepada menggunakan ciri percetakan CSS maju seperti huruf font, surat modal kecil, dan banyak lagi. Pada dasarnya, mereka memberikan pengalaman membaca terbaik untuk pengguna anda secara terperinci. Ia merosot dengan baik pada pelayar yang lebih tua dan tidak disokong.

ResponsifJS

Salah satu daripada kekangan yang menonjol pada wajah yang responsif terhadap imej adalah biasanya skala imej dengan betul, tetapi ini mengalihkan titik tumpuan utama imej ketika skala ke ukuran yang sangat kecil.

ResponsifJS adalah perpustakaan JavaScript ringan yang boleh anda gunakan untuk tetapkan koordinat untuk mengekalkan fokus imej semasa saiznya berubah.

Linear

Linear adalah aplikasi pemerintah untuk Mac. Anda boleh menggunakan penguasa untuk mengukur laman web, mengetahui saiz elemen tanpa harus membuka DevTools atau mencari tahu jika elemen sangat berpusat. Anda boleh mempunyai beberapa penguasa, dan menukar unit dari PX ke EM.

StickyStack

StickyStack adalah plugin jQuery untuk mencipta pengalaman menatal stack, apabila panel mencapai bahagian atas viewport, ia melekat di sana, sementara menatal selanjutnya akan menarik panel seterusnya. Ia adalah pemalam yang ringan dengan beberapa pilihan untuk mengkonfigurasi halaman bekas, seksyen timbunan, serta kotak bayang-bongkah. Lihat demo itu.

Penonton

Penonton adalah jQuery plugin untuk peti cahaya imej - cara popular yang mewah untuk memperbesar imej di web. Plugin ini dilengkapi dengan pilihan yang membolehkan anda menyesuaikan setiap bit dari peti cahaya antara muka.

Plugin ini juga menyediakan satu set API dan Acara tersuai untuk kawalan penuh ke atas peti cahaya tindak balas dan tingkah laku. Apa lagi, ia berfungsi ke Internet Explorer 8.

DeviceMock

DeviceMock adalah perpustakaan JavaScript yang membolehkan anda buat bingkai peranti atau mockups seperti telefon, tablet dan desktop. Begitu juga, pilihan providse perpustakaan untuk menetapkan warna tema bingkai, saiz, serta orientasi bingkai.

Ini mungkin alternatif yang baik untuk mempamerkan web dan aplikasi anda dengan menggunakan Photoshop.

Clrs

Clrs adalah satu inisiatif untuk ubah warna web lalai menjadi nada warna modern yang lebih mesra, mata. Selain itu, ia menganjurkan satu set kombinasi warna untuk akses yang lebih baik. Anda boleh menggunakan warna-warna ini melalui NPM, Permata (Ruby), dan warna-warna dan Photoshop.

Colorify

Colorify adalah perpustakaan JavaScript yang sangat ringan (3kb minified) kepada mengekstrak warna dominan dari imej dengan banyak API untuk memanipulasi warna. Anda boleh menggunakan warna yang diekstrak sebagai pemegang tempat sambil menunggu imej memuatkan sepenuhnya, menjana latar belakang kecerunan, atau melaraskan antara muka jiran untuk memenuhi warna imej.

BookBlock

BookBlock adalah plugin jQuery untuk buat buku kecil dengan kesan halaman flip. Ia adalah alternatif yang menarik untuk memaparkan imej berganda di laman web anda, terutamanya jika terdapat urutan atau aliran yang anda ingin paparkan.

Anda boleh menyemak demo di sini untuk mengetahui bagaimana BookBlock berfungsi.