Sumber Sumber Daya untuk Pereka dan Pembangun Web (Julai 2015)

Pembangun laman web diberkati dengan alat dan sumber percuma yang terdapat dalam talian, yang kami dengan penuh kepuasan mengumpul siri Sumber Daya Segar kami setiap bulan. Jika anda terlepas batch bulan lepas, lawati semula di sini atau periksa sumber-sumber segar yang lain yang disusun pada awal tahun.

Untuk batasan bulan Julai 2015, kami mengutamakan alat dan sumber yang segar yang akan memudahkan tugas anda, mulai dari plugin WordPress yang membolehkan anda menggunakan kemas kini kemas kini secara persendirian ke perpustakaan JavaScript untuk menambah animasi yang menarik.

Aladdin

Plugin ini menambah fungsi tambahan kepada pentadbiran WordPress yang mirip dengan OS X Spotlight. Dengan itu, anda dapat mengakses fail dan folder dengan cepat di Mac anda. Setelah dipasang, tekan Shift dua kali, kemudian taipkan apa yang ingin anda akses. Ia menjadikan pentadbiran WordPress lebih mudah diakses dengan menggunakan papan kekunci.

SiteOrigin CSS

SiteOrigin CSS adalah plugin WordPress yang mantap untuk menyesuaikan mana-mana penampilan tema dalam masa nyata. Plugin ini menambah panel baru di bawah Penampilan> CSS Custom menu. Di dalamnya, anda boleh menulis peraturan CSS adat untuk menulis ganti CSS tema yang anda gunakan, atau anda juga boleh menggunakan panel GUI untuk menambah peraturan CSS secara intuitif.

DynamicsJS

DynmaicJS adalah perpustakaan untuk memohon animasi berasaskan fizik. Saya bukan pakar Fizik tetapi contoh-contoh di sini dalam menu ini kelihatan sangat keren. Ia boleh menghidupkan elemen HTML dan SVG, dan ia memberi anda prestasi yang cepat tanpa sebarang kebergantungan. DynamicJS telah diuji pada Safari 7+, Firefox 35+, Chrome 34+ dan IE10+.

Mod kapal terbang

Plugin ini akan menghalang beberapa permintaan HTTP luaran WordPress seperti Google Font, Gravatar, dan pengemas kini WordPress dari cuba menyambung ke plugin dan repositori tema untuk kemas kini. Ini plugin yang berguna untuk pembangunan tempatan untuk menindih kesilapan daripada berlaku apabila panggilan ini gagal (yang biasanya berlaku apabila anda sedang membangunkan secara tempatan di bawah Internet yang sangat lambat).

Coverr

Satu koleksi video yang hebat untuk tajuk laman web anda. Semua video adalah percuma, dilesenkan di bawah Domain Awam. Jangan lupa untuk menyemak “Bagaimana nak guna” bahagian untuk mengetahui cara menambah video ke halaman web anda.

VibrantJS

VibrantJS merebut warna-warna yang terkenal dari imej. Ia juga mendedahkan beberapa API yang membolehkan anda memproses warna yang diperolehi, seperti menukar format warna dan menentukan komposisi yang sesuai untuk latar belakang dan teks. Anda boleh menggunakannya untuk meningkatkan antara muka laman web anda dengan penjanaan warna yang dinamik, menggunakan warna sebagai imej ruang letak apabila imej belum dimuat sepenuhnya, atau buat aplikasi web untuk menjana swatch warna.

GradifyCSS

Perpustakaan ini merangkul dua warna yang menonjol dan menghasilkan kecerunan CSS daripada warna yang diperolehi. Sama seperti VibrantJS, Anda boleh memohon kecerunan sebagai pemegang tempat imej apabila imej tidak dimuatkan sepenuhnya, atau sebagai warna tindanan.

PurifyCSS

PurifyCSS membersihkan peraturan CSS yang tidak digunakan daripada lembaran gaya anda. Anda boleh menggunakannya untuk memangkas saiz lembaran gaya rangka kerja besar seperti Bootstrap dan Yayasan sehingga 40%. PurifyCSS boleh didapati sebagai plugin Grunt dan Gulp.

Tajuk Modal untuk WordPress

Nama itu telah mengatakan semuanya. Plugin WordPress ini akan mengubah tajuk serta tajuk dalam kandungan ke dalam permodalan yang betul apabila menyimpan atau menerbitkan pos dan halaman. Saya mendapati plugin ini berguna untuk laman web dengan banyak penulis untuk mengekalkan konsistensi untuk kandungan laman web mereka.

GitHub Updater

Plugin ini membolehkan pengguna untuk memasang dan kemas kini secara automatik Plugin WordPress yang dihoskan di GitHub. Walaupun nama itu, plugin juga menyokong Bitbucket dan GitLab, termasuk satu dalam repositori peribadi. Ia adalah plugin yang berguna untuk pemaju yang membangun dan mengedarkan plugin atau tema mereka semata-mata hanya untuk pelanggan mereka.

Contoh Kod

Satu koleksi contoh kod dari Pasukan Kajian Tema WordPress. Pada masa ini, contohnya terdiri daripada kod untuk membina komponen Customizer Tema menggunakan API Customizer termasuk untuk membuat Seksyen, Tetapan dan Panel. Lebih banyak contoh kod amalan terbaik ditambah pada masa akan datang.