Sumberdaya Segar untuk Desainer dan Pengembang Web (Mei 2017)

SEBUAH kumpulan sumber daya web yang bermanfaat adalah sesuatu yang sangat diharapkan oleh pengembang web dalam perangkatnya. Oleh karena itu, sebagai pengembang sendiri, saya berusaha untuk menyajikan kepada Anda sumber pengembangan web terbaik dan terbaru setiap bulan.

Koleksi bulan ini termasuk aplikasi gratis yang menarik untuk untuk screencasting, beberapa kerangka kerja berdasarkan bahasa Desain Material, beberapa perpustakaan untuk pengujian Kinerja, CLI, dan a beberapa sumber daya kami yang berguna lainnya. Jadi, mari kita periksa satu per satu di bawah ini.

Klik untuk Lebih Banyak Sumber Daya

Temukan seluruh koleksi sumber daya kami yang direkomendasikan dan alat desain dan pengembangan web terbaik yang tersedia.

Kap

Kap adalah a perekam layar kecil yang rapi untuk MacOS. Ini adalah aplikasi open-source, dibangun dengan teknologi web. Satu hal yang saya sukai di aplikasi ini adalah ia menawarkan mengonversi video langsung dari kotak. Kap adalah alternatif yang bagus untuk merekam aplikasi atau demo langsung situs web Anda.

Sizzy

Sizzy adalah alat pengembangan untuk menguji situs web responsif Anda dalam berbagai ukuran viewport pada satu layar. Ini adalah aplikasi yang sangat berguna dibandingkan dengan Emulator seluler bawaan Chrome. Sizzy juga hadir sebagai Ekstensi Chrome.

Muse UI

SEBUAH Perpustakaan UI berdasarkan prinsip Desain Material dan dibangun di atas Vue.js 2.0, Muse UI dikemas dengan Kompenen Desain Bahan seperti Appbar, Card, dan Dialog. Sangat bagus kerangka kerja untuk membangun dan menjalankan UI dengan cepat.

WP-CLI tingkat lanjut

Saya penggemar berat WP-CLI dan gunakan hampir setiap hari dalam pekerjaan saya sebagai pengembang WordPress. Namun, baru-baru ini saya mengetahui bahwa WP-CLI memungkinkan Anda untuk melakukannya buat perancah PHP UnitTest untuk sebuah tema! Ini adalah daftar penggunaan lanjutan WP-CLI dari Pemelihara WP-CLI, Daniel Bachhuber, diri.

Kegilaan

Lunacy adalah a penampil file sketsa mandiri untuk Windows. Ini berfungsi dengan baik dengan file Sketsa yang berisi teks, gambar raster, bahkan gradien, dan bayangan. Saya t tidak memerlukan koneksi ke internet, sehingga pengembang dapat bekerja pada file Sketsa dari mana saja. Dan ini sepenuhnya gratis.

K6

Kecepatan penting di hampir setiap aspek aplikasi web. Tetapi bagaimana Anda mengukur kecepatan situs web Anda? Baik, jawabannya adalah K6. Ini mensimulasikan lalu lintas ke situs web Anda dan memuat situs web pada durasi tertentu seolah-olah itu adalah lalu lintas nyata. Singkatnya, K6 adalah UnitTest untuk Kinerja.

Layanan Pemeriksa

Daftar aplikasi web yang bagus untuk periksa banyak hal seperti DNS, Load, Speed, SEO, Security, dan SSL. Banyak dari alat ini gratis, namun, ada beberapa layanan premium yang tercantum di dalamnya menawarkan fitur-fitur canggih untuk pengguna.

SVGito

Adalah alat web kecil untuk mengoptimalkan SVG yang telah dihasilkan dari aplikasi Sketch. Rekatkan kode SVG Anda ke situs web dan akan segera mengembalikan kode yang dioptimalkan.

Launchaco

Menemukan nama yang bagus untuk startup Anda sulit, dan mendapatkan pengendali nama pengguna yang tersedia di media sosial bahkan lebih sulit. Launchaco adalah alat yang berguna itu memungkinkan Anda menemukan nama domain, nama pengguna untuk berbagai media sosial seperti Twitter, Facebook, Instagram dll., dan membantu Anda menghasilkan logo yang bagus dari bisnis Anda.

Buruk

SEBUAH koleksi animasi unik yang dilakukan dengan CSS. Tolong jangan jalankan animasi, jika hati dan pikiran Anda tidak cukup kuat untuk melihatnya.

Lembar Curang Kotak CSS

Mempelajari CSS Grid bisa sangat mengintimidasi ketika menyangkut sejumlah properti baru, unit pengukuran baru, dan juga hampir paradigma baru yang lengkap untuk membangun tata letak web. Alat ini, seperti namanya, adalah untuk membantu Anda turunkan kaki Anda dengan CSS Grid.

Keranjang jahitan

Workbox adalah a inisiatif baru dari Google untuk membangun Aplikasi Web Progresif (PWA). Ini mirip dengan Yeoman atau Buat Bereaksi Aplikasi dengan cara yang Anda bisa mendapatkan semuanya dan siap dalam satu baris perintah.

Mavo

Mavo adalah proyek open source baru dari Lea Verou. Ini adalah perpustakaan yang mengubah markup HTML kosong dan beberapa atribut khusus menjadi aplikasi web yang berfungsi. Mavo lebih mudah diikuti dibandingkan dengan perpustakaan lain seperti Backbone, Vue.js, atau Bereaksi sesuai keinginan pengguna yang kurang mengerti teknologi untuk membangun aplikasi web dengan cepat dan mudah.

UI materi

Simlar ke Muse UI, itu adalah Kerangka UI berdasarkan bahasa Desain Meterial. Namun yang ini dibangun menggunakan React. Sekarang terserah preferensi Anda; jika Anda bersama tim Vue.js atau tim Bereaksi.

Gambar Malas

Malas Gambar adalah a elemen HTML khusus untuk memuat gambar berdasarkan permintaan. Elemen custome ini menyediakan tambahan .aktif objek dalam Objek Elemen yang Anda bisa gunakan untuk memicu gambar untuk memuat dalam setiap peristiwa atau interaksi pengguna yang kamu butuhkan.

CLI Mac

Ini alat yang bagus untuk kelola MacOS Anda melalui Terminal. Cukup ketik pembaruan mac untuk memperbarui MacOS. Atau, ketik presentasi mac yang akan menyiapkan Mac Anda (perkecil semua aplikasi, tutup browser, kirim file dari desktop dan unduh ke trash dan setel tidak mengganggu mode) sebelum memberikan presentasi. Betapa kerennya itu!

Membuat Anda Tetap Terjaga

KeepingYouAwake adalah utilitas bilah menu untuk MacOS mencegah Mac Anda dari memasuki mode tidur selama durasi yang ditentukan atau selama diaktifkan. Anda dapat menginstal aplikasi ini menggunakan Homebrew.

Umpan JSON

Akhirnya! Ini adalah sebuah spesifikasi standar untuk mengirimkan umpan konten dalam JSON format. Sudah ada plugin WordPress yang dibangun untuk implementasi. Ini seharusnya membuat hidup pengembang web lebih mudah. Mari kita lakukan saja ucapkan selamat tinggal pada XML.

Karbon

Singkatnya, Karbon adalah Moment.js dari PHP. Ini adalah perpustakaan PHP untuk menghasilkan dan memanipulasi string tanggal dan waktu.

SpeedRacer

Lain alat untuk Tes Unit Kinerja. Sementara K6 akan melakukan penguji beban dengan mengirimkan Pengguna Virutal untuk mensimulasikan kunjungan dan lalu lintas, SpeedRacer akan melakukannya mengevaluasi kinerja rendering halaman pada browser. SpeedRacer bisa menjadi pendamping yang baik untuk K6.