Sumberdaya Segar untuk Desainer dan Pengembang Web (Juli 2018)

Juli adalah bulan yang membawa puncak musim panas dan karenanya untuk kumpulan sumber daya segar bulan ini, kami memiliki beberapa alat baru yang panas dari beberapa pengembang mapan dan juga pemula.

Daftar ini memiliki campuran alat yang cukup menarik mulai dari perpustakaan Sketch oleh komunitas WordPress yang akan memungkinkan Anda untuk membuat prototipe antarmuka WordPress, beberapa alat memperluas React.js dan Vue.js, dan beberapa referensi untuk meningkatkan keterampilan pengembangan Anda. Mari kita periksa.

WPRIG

Tema WordPress pemula all-in-one yang dibuat oleh Morten Rand-Hendriksenand dilengkapi dengan a membangun preset proses menggunakan alat modern seperti integrasi Gulp, Babel, ESLint, dan Visual Studio Code. Ini akan membantu Anda membuat tema WP yang bagus tanpa perlu mengkonfigurasi alat pengembangan di sekitarnya.

VueNative

Kerangka kerja berdasarkan Vue.js untuk membangun aplikasi seluler lintas platform yang memungkinkan Anda menulis kode dengan spesifikasi Vue.js. Alat itu akan kompilasi ke React Native dan melakukan pekerjaan ajaib untuk Anda di belakang layar dengan asli-vue CLI. Jika Anda sudah terbiasa dengan Vue.js, ini bisa menjadi kerangka kerja yang cocok untuk membangun aplikasi seluler.

SketchPress

Orang-orang di 10up baru saja merilis SketchPress yang merupakan Sketsa template untuk membuat maket dan desain antarmuka admin WordPress dengan cepat. Ini dikemas dengan admin UI umum seperti Tombol Utama, Bilah Menu, Dashicons, Metabox, dll. SketchPress adalah alat pendamping yang hebat untuk pengembang WordPress untuk menyelaraskan halaman plugin dan tema Pengaturan atau Opsi dengan WordPress admin UI.

Docz

Docz adalah a generator dokumentasi berdasarkan MDX yang ditampilkan di babak terakhir seri ini. Alat ini akan memungkinkan Anda untuk mengimpor dan memasukkan kompensen khusus JSX ke dalam campuran dengan sintaks penurunan harga, seperti halnya menulis dokumen JSX.

Animista

Animasi CSS menghidupkan web. Namun, tidak selalu mudah untuk membuat Animasi CSS mengingat awalan peramban untuk kompatibilitas, parameter, dan jangka waktu animasi. Animasta membuat hal ini lebih mudah dengan membuat kode untuk Anda. Kamu bisa konfigurasikan animasi dalam antarmuka yang ramah pengguna dari tempat Anda cukup menyalin kode.

GridToFlex

Beberapa contoh tata letak web yang umum dibuat menggunakan Grid CSS asli dan menggunakan Flexbox sebagai fallback untuk browser yang belum mendukungnya. Lihat posting kami: Pengantar Modul Layout Kotak CSS.

RasioBuddy

Alat yang bagus untuk menghasilkan kotak dengan CSS dengan rasio yang ditentukan, sebagai contoh, 1: 1, 3: 4, dll. Alat ini akan menghasilkan kode dalam format SCSS untuk disalin.

Bagaimana cara GraphQL

GraphQL adalah alternatif untuk struktur data REST dan Cara GraphQL adalah sumber daya yang komprehensif untuk mempelajarinya. Ini jauh lebih efisien daripada REST karena hanya akan menarik data yang diminta mengurangi jumlah beban dan transfer data.

Sejarah Sampel

Plugin WordPress sederhana untuk menampilkan riwayat aktivitas yang dilakukan di dasbor WordPress. Ini mendukung aktivitas asli WordPress seperti ketika pengguna membuat posting dan halaman, masuk, dan mengaktifkan atau menonaktifkan plugin lain. Ini juga bisa lacak aktivitas plugin lainnya termasuk Bidang Kustom Lanjutan (ACF) dan Pengalihan Pengguna. Ini plugin yang bagus untuk melacak aktivitas internal situs Anda.

Transfer.sh

ini adalah sebuah utilitas praktis untuk berbagi file melalui perintah Shell. Anda dapat mengunggah semua jenis file hingga 10 Gb. Ini juga mendukung enkripsi file. Dan apakah saya menyebutkan bahwa itu benar-benar Gratis??

FB Sonar

Alat untuk men-debug aplikasi seluler untuk iOS dan Android. Aplikasi ini dilengkapi dengan beberapa alat untuk pengalaman debugging nyaman seperti penampil log, inspektur tata letak interaktif, dan inspektur jaringan. Jika itu tidak cukup, Anda dapat membuat plugin untuk memperluas aplikasi dengan fungsionalitas yang Anda butuhkan.

JSUI

Aplikasi ini dikemas dengan banyak alat untuk memberikan cara yang lebih baik untuk mengatur proyek Anda. Kamu bisa buat grup, buat proyek baru menggunakan beberapa proyek populer seperti Bereaksi, Vue, dan Angular, instal ketergantungan proyek, jalankan server Node.js, dan banyak lagi. Aplikasi hebat untuk mereka yang mengelola selusin proyek.

BrainMonkey

Utilitas pengujian unit PHP yang dirancang dengan beberapa alat khusus untuk WordPress. Ini menyediakan alat yang memungkinkan mengejek Fungsi PHP. Ini juga menyediakan seperangkat alat di luar kotak untuk menangani beberapa fungsi WordPress seperti add_action remove_action untuk beberapa nama, yang umumnya rumit untuk menguji.

Fraktal

Fractal telah dirancang untuk menjadi alat dokumentasi pusat untuk pengembang dalam tim untuk merujuk ketika ada kebutuhan untuk mengintegrasikan komponen ke dalam proyek. Itu memungkinkan Anda untuk mengintegrasikan potongan kode, menampilkan pratinjau, dokumentasi, catatan, dll dari setiap komponen.

Desain Semut Pro

“AntDesign” adalah salah satu kerangka kerja UI populer berdasarkan React.js dan ini adalah miliknya “Pro” versi yang dirancang untuk aplikasi perusahaan. Ini mencakup beberapa komponen tambahan yang tidak ada dalam paket umum AntDesign seperti AvatarList, HeaderSearch, dan TagSelect.

Kerangka kerja juga memiliki alat pengembangan bawaan seperti alat Bangun, Test Suite, dan Penerapan sehingga Anda dapat bekerja pada kode Anda segera daripada membuang waktu pada konfigurasi alur kerja.

LuminJS

Sangat kecil Pustaka JavaScript untuk menyorot teks di situs web Anda. Ia bekerja dengan mulus dengan struktur DOM yang kompleks dan dapat diprogram untuk mengatur kecepatan, gaya, dan animasi.

Anjuran

Berguna Paket NPM untuk membangun CLI interaktif menggunakan Node.js. Ini mendukung prompt dasar, banyak pilihan, prompt dinamis dan banyak jenis input seperti kata sandi, teks, nomor, dan email dll.

Persepsi

Plugin WordPress yang keren meningkatkan pencarian Perpustakaan Media WordPress dengan mengklasifikasikan gambar menggunakan Google Cloud Vision API. Misalnya, jika Anda telah mengunggah “burung” gambar, Anda dapat mencari gambar menggunakan kata kunci “burung” apakah kata kunci dimasukkan ke nama gambar, nama file, atau data meta.

DevTube

Sebuah koleksi dari video, diambil dari Youtube, dari beberapa konferensi pengembang seperti JSConf, Google TechTalk, dan O'Reilly. Sekarang dapatkan popcorn Anda dan tingkatkan keterampilan Dev Anda.

Bagaimana reaktif

Pemrograman reaktif sedang meningkat; paradigma baru dalam pemrograman terutama di sekitar web di mana aliran data berlimpah dan terus mengalir setiap milidetik. Sumber daya ini adalah inisiatif dari Cèdric Soulas untuk mengajarkan Anda prinsip - prinsip reaktif pemrograman.