Sumberdaya Segar untuk Desainer dan Pengembang Web (Juli 2015)
Pengembang web diberkati dengan alat dan sumber daya gratis yang ditemukan online, yang dengan patuh kami kumpulkan di seri Sumber Daya Segar kami setiap bulan. Jika Anda melewatkan bets bulan lalu, kunjungi kembali di sini atau lihat sumber daya segar yang dikumpulkan pada awal tahun.
Untuk kumpulan Juli 2015, kami menyoroti alat dan sumber daya baru yang menyoroti pekerjaan Anda, mulai dari plugin WordPress yang memungkinkan Anda untuk menyebarkan pembaruan plugin secara pribadi ke perpustakaan JavaScript untuk menambahkan animasi yang menarik.
Aladdin
Plugin ini menambahkan fungsionalitas tambahan untuk administrasi WordPress yang mirip dengan OS X Spotlight. Dengannya, Anda dapat dengan cepat mengakses file dan folder di Mac Anda. Setelah terinstal, tekan Shift dua kali, lalu ketik apa yang ingin Anda akses. Itu membuat administrasi WordPress lebih mudah diakses dengan menggunakan keyboard.
CSS SiteOrigin
SiteOrigin CSS adalah plugin WordPress yang tangguh untuk menyesuaikan tampilan tema secara real-time. Plugin menambahkan panel baru di bawah Penampilan> CSS Khusus menu. Di dalamnya, Anda dapat menulis aturan CSS khusus untuk menimpa CSS dari tema yang Anda gunakan, atau Anda juga dapat menggunakan panel GUI untuk menambahkan aturan CSS secara intuitif.
DynamicsJS
DynmaicJS adalah perpustakaan untuk menerapkan animasi berbasis fisika. Saya bukan ahli Fisika, tetapi contoh-contoh di sini di menu ini terlihat sangat keren. Ini dapat menghidupkan elemen HTML dan SVG, dan memberi Anda kinerja cepat tanpa ketergantungan apa pun. DynamicJS telah diuji pada Safari 7+, Firefox 35+, Chrome 34+ dan IE10+.
Mode pesawat
Plugin ini akan mencegah beberapa permintaan HTTP eksternal WordPress seperti Google Fonts, Gravatar, dan WordPress updater dari mencoba untuk terhubung ke plugin dan repositori tema untuk pembaruan. Ini adalah plugin yang berguna untuk pengembangan lokal untuk mencegah kesalahan terjadi ketika panggilan ini gagal (yang biasanya terjadi ketika Anda mengembangkan secara lokal di bawah Internet yang sangat lambat).
Coverr
Kumpulan video yang bagus untuk tajuk situs web Anda. Semua video gratis, berlisensi di bawah Domain Publik. Jangan lupa untuk memeriksa “Bagaimana cara menggunakan” bagian untuk mempelajari cara menambahkan video ke halaman web Anda.
VibrantJS
VibrantJS mengambil warna yang menonjol dari suatu gambar. Itu juga memperlihatkan beberapa API yang memungkinkan Anda untuk memproses warna yang diperoleh, seperti mengganti format warna dan memutuskan komposisi yang tepat untuk latar belakang dan teks. Anda dapat menggunakannya untuk meningkatkan antarmuka situs web Anda dengan pembuatan warna yang dinamis, menggunakan warna sebagai gambar pengganti ketika gambar belum dimuat penuh, atau membuat aplikasi web untuk menghasilkan carikan warna.
GradifyCSS
Pustaka ini mengambil dua warna yang menonjol dan menghasilkan gradien CSS dari warna yang diperoleh. Mirip dengan VibrantJS, Anda dapat menerapkan gradien sebagai placeholder gambar ketika gambar tidak dimuat penuh, atau sebagai warna overlay.
PurifyCSS
PurifyCSS membersihkan aturan CSS yang tidak digunakan dari stylesheet Anda. Anda dapat menggunakan ini untuk memangkas ukuran stylesheet kerangka kerja besar seperti Bootstrap dan Foundation hingga 40%. PurifyCSS tersedia sebagai plugin Grunt and Gulp.
Modal Judul untuk WordPress
Nama telah mengatakan semuanya. Plugin WordPress ini akan mengubah judul serta judul di dalam konten menjadi kapitalisasi yang tepat setelah menyimpan atau menerbitkan posting dan halaman. Saya menemukan plugin ini berguna untuk situs web dengan banyak penulis untuk mempertahankan konsistensi untuk konten situs web mereka.
GitHub Updater
Plugin ini memungkinkan pengguna untuk instal dan perbarui secara otomatis Plugin WordPress di-host di GitHub. Terlepas dari namanya, plugin ini juga mendukung Bitbucket dan GitLab, termasuk satu di repositori pribadi. Ini adalah plugin yang berguna untuk pengembang yang mengembangkan dan mendistribusikan plugin atau tema mereka secara eksklusif hanya untuk klien mereka.
Contoh Kode
Kumpulan contoh kode dari Tim Peninjau Tema WordPress. Saat ini, contoh terdiri dari kode untuk membangun komponen Tema Customizer menggunakan API Customizer termasuk untuk membuat Bagian, Pengaturan dan Panel. Lebih banyak kode contoh praktik terbaik yang ditambahkan di masa mendatang.
