Pengembang web: 10 alat berguna

Artikel, terjemahan yang kami terbitkan hari ini, didedikasikan untuk 10 alat berguna yang ditujukan untuk pengembang web. Penulis materi percaya bahwa ini hanyalah alat yang memungkinkan, seperti yang mereka katakan, "untuk bekerja dengan cerdas, dan tidak sampai malam tiba".







1. Pemindai Kerentanan Situs Web



Website Vulnerability Scanner adalah pemindai kerentanan situs web yang dikembangkan oleh Pentest-Tools.com. Alat ini perlu diberi tautan ke situs yang perlu diperiksa kerentanannya, setelah itu laporan akan dibuat.





Hasil Pemindai Kerentanan Situs Web



2. Penggigit



Nibbler adalah alat untuk analisis komprehensif proyek web. Laporan yang dia hasilkan mencakup penilaian aksesibilitas konten situs, penilaian tentang seberapa positif pengalaman pengguna dalam bekerja dengannya. Nibbler menganalisis situs untuk pengoptimalan mesin telusur dan seberapa baik desain dan pembuatannya.





Nibbler memberi nilai tinggi pada dev.to



3. Tag Meta



Meta Tag adalah alat online sederhana yang dapat digunakan untuk memeriksa tag meta situs web dengan cepat.





Memvalidasi Tag Meta dengan Tag Meta



4. Google Lighthouse



Google Lighthouse adalah sistem otomatis sumber terbuka untuk mengevaluasi kualitas proyek web.



Ini menampilkan peringkat yang terkait dengan berbagai aspek desain dan fungsi situs. Secara khusus, ini dapat digunakan untuk menilai kinerja, aksesibilitas, pengoptimalan mesin telusur situs, menerima, selain hasil akhir, laporan terperinci, dan rekomendasi untuk meningkatkan situs.





Analisis situs di Google Lighthouse



5. Tes Akhir



Endtest (Saya akan segera memberi tahu Anda bahwa saya bekerja di sana) adalah platform otomatisasi pengujian cerdas yang memungkinkan Anda membuat pengujian kompleks dan menjalankannya di semua browser utama. 



Saya mengotomatiskan Uji Masuk untuk situs Komunitas DEV dan menjalankan pengujian ini di awan, Chrome, Firefox, Edge, Safari, dan Internet Explorer 11.



Situs ini ternyata, meskipun menggunakan banyak situs "terbaik Practitioner ”tidak bekerja dengan baik di Internet Explorer 11. Seperti inilah hasil tesnya.





Hasil pengujian di Chrome





Hasil pengujian di Internet Explorer 11



6. Alat tenun



Loom adalah ekstensi Chrome gratis yang memungkinkan Anda merekam video sambil menangkap layar dan kamera web Anda secara bersamaan.



Rekaman semacam itu dapat dianggap sebagai alternatif untuk panggilan video, ketika lawan bicara dapat menuliskan komentar tentang proyek tertentu pada waktu yang tepat bagi mereka dan mengirimkannya satu sama lain.





Ekstensi Chrome Loom



7. Pexels



Pexels adalah situs tempat Anda dapat menemukan foto dan video gratis untuk proyek Anda. Ini adalah salah satu dari sedikit situs di mana Anda bahkan tidak perlu mendaftar untuk mengunduh materi.



Situs ini selalu membantu saya dalam situasi ketika saya perlu membuat prototipe, dan departemen pemasaran belum mengirimkan materi resmi.





Situs web Pexels



8. Figma



Figma adalah alat pembuatan prototipe situs web yang cocok untuk kerja tim dalam proyek. Figma tidak hanya mendukung alat pembuatan prototipe, tetapi juga memungkinkan tim pengembangan dan profesional lainnya untuk mendiskusikan proyek dan detail masing-masing.





Figma



9. Funkify



Funkify adalah ekstensi Chrome yang memungkinkan pengembang melihat web dari sudut pandang penyandang disabilitas. Ini membantu mengembangkan situs yang nyaman untuk semua kategori pengguna.





Funkify



10. PerfectPixel



PerfectPixel adalah ekstensi Chrome yang memungkinkan Anda menempatkan gambar semi-transparan di atas halaman HTML yang mewakili tata letak halaman yang disiapkan oleh desainer. Ini membantu membuat perbandingan piksel demi piksel dari apa yang dibuat dengan apa yang seharusnya.





Bandingkan Halaman dan Tata Letak dengan PerfectPixel



Alat apa untuk pengembang web yang akan Anda tambahkan ke daftar ini?






All Articles