Sumber Baharu untuk Pereka dan Pembangun Web (Mac 2016)

Dalam ansuran terakhir kami, kami memberi tumpuan kepada pelbagai perpustakaan Javascript dan CSS untuk membantu membina laman web dan aplikasi web yang lebih baik. Bulan ini, kami mempunyai lebih banyak perpustakaan untuk mengesyorkan bersama dengan fokus kecil pada tipografi.

Dalam pusingan siri ini, anda akan melihat beberapa perpustakaan JS yang akan anda gunakan untuk digunakan tetapi juga koleksi tip, esei yang sangat panjang mengenai tipografi, penjana warna dan rangka depan ringan. Tanpa berlengah lagi, mari kita periksa mereka.

Klik untuk Sumber Lebih Banyak

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

Tips JS

Tips JS adalah koleksi tipan JavaScript, beberapa di antaranya berputar sintaks, beberapa tentang kecekapan dan prestasi kod, dan sesetengah yang lain adalah khusus untuk kerangka seperti AngularJS. Petua baru ditambah setiap hari dan kini ada 50 petua yang dikeluarkan. Ia pada asasnya penanda mesti tapak untuk setiap pemaju web.

Pengurus Vagrant

Pengurus Vagrant adalah aplikasi GUI untuk mengawal Vagrant. MAMP yang sama, di mana anda boleh berhenti atau menjalankan Vagrant, dan melihat mana Vagrant sedang berjalan. Aplikasi ini tersedia untuk OS X dan untuk tingkap. Sekiranya anda tidak pasti apa Vagrant, lihat jawatan kami dahulu pada Bagaimana untuk memasang WordPress secara tempatan dengan Vagrant.

Bulma

Bulma adalah rangka kerja frontend. Pakej ini termasuk beberapa komponen UI biasa dari web seperti navigasi, jatuh turun, dan (tentu saja) grid yang dibina sepenuhnya dengan Flexbox. Satu-satunya ciri yang hilang (sekurang-kurangnya, untuk sekarang) ialah komponen JavaScript. Komponen Bulma jauh lebih nipis dibandingkan dengan Bootstrap, tetapi perlu mencukupi untuk membina sebuah laman web yang kecil tetapi cantik.

Gutenberg

Dinamakan selepas Johannes Gutenberg, pencipta akhbar massa. Gutenberg adalah koleksi peraturan gaya untuk penetapan tipografi yang betul di web. Peraturan gaya menetapkan garis asas, saiz fon dan skala, dan ketinggian baris. Perpustakaan gaya yang hebat untuk menjadikan kandungan laman web anda kelihatan lebih baik.

OkayNav

OkayNav adalah jQuery untuk membina navigasi yang responsif, tetapi bukan hanya satu lagi. Plugin mempunyai mengambil sedikit berbeza pada reka bentuk responsif: kerana viewport disesuaikan menjadi lebih kecil, setiap menu akan menjadi secara berperingkat digabungkan dalam ikon untuk bertolak ansur dengan saiz viewport yang terhad. Bunyi sejuk, bukan?

Typography Web Baru

The Typography Web Baru adalah esei pembukaan mata yang mendalam mengenai tipografi. Ia membincangkan gaya dari hari-hari awal buku dengan cara semasa kita membina dan menggunakan di web. Baik diteliti dengan pelbagai ilustrasi, dan dirujuk sepenuhnya, itu adalah artikel yang panjang oleh Robin Rendle, tetapi patut dibaca untuk mendapatkan pemahaman yang lebih baik tentang tipografi.

Warna Selamat

Warna Selamat adalah palet penjana warna untuk web. Tidak seperti alat yang telah kita sebutkan dalam siri ini, ColorSafe hanya akan menghasilkan warna yang mematuhi standard WCAG untuk kebolehcapaian warna.

Dialog Modal yang Boleh Diakses

Ini adalah perpustakaan kecil (hanya ~ 0.5kb) JavaScript kepada membina tetingkap dialog modal. Menjadi diakses, pengguna boleh dengan mudah membuka, menutup, dan menavigasi melalui dialog dengan papan kekunci dan tetikus. Pakej ini hanya mengandung JavaScript, tidak ada stylings, jadi anda boleh membentuk modal dialog dengan cara yang anda suka.

Mo.js

Mo.js adalah pakej penuh animasi JavaScript JavaScript. Ia datang dengan beberapa pratetap supaya anda boleh menetapkan dan menjalankan animasi dengan cepat. Ia adalah modular, membolehkan anda menghapuskan fungsi yang tidak diperlukan, serta cecair dan lancar. Sebagai sebuah perpustakaan baru yang baru, malangnya dokumentasi belum siap (untuk sekarang).

Zarah

Perpustakaan ini menambah rangkaian zarah terapung di laman web anda, semata-mata untuk menjadikan laman web anda kelihatan lebih sejuk serta-merta. Zarah akan bertindak balas terhadap pergerakan kursor. Reaksi serta elemen lain seperti warna, jarak, dan bentuk boleh dikonfigurasi melalui pilihan.