🧤 🔯 🤳🏿 5 Alat Produktivitas Pengembang Web Gratis 🚧 🧕🏻 🐳

Penulis artikel, yang terjemahannya kami terbitkan hari ini, mengatakan bahwa salah satu cara untuk secara rasional mengatur pekerjaan pengembang adalah dengan menggunakan alat yang memungkinkan Anda untuk mencapai lebih banyak dengan lebih sedikit usaha. Di sini ia ingin berbicara tentang 5 alat luar biasa yang akan memungkinkan setiap pengembang untuk meningkatkan produktivitas mereka. Berikut adalah video yang memberikan ikhtisar tentang alat-alat ini.

Catatan awal

Saya tahu bahwa mereka yang membaca ini tidak punya banyak waktu, jadi di sini saya hanya akan menjelaskan secara singkat alat yang ditawarkan kepada Anda. Jika Anda menyukai sesuatu, Anda dapat dengan mudah mengintegrasikannya ke dalam alur kerja Anda. Selain itu, saya ingin mencatat bahwa saya tidak ada hubungannya dengan salah satu proyek yang dipertimbangkan di sini. Saya hanya ingin berbagi dengan semua orang yang ingin menguntungkan saya.

1. Excalidraw

Excalidraw

Jika Anda merancang arsitektur perangkat lunak dan masih menggambar segala macam skema, maka Anda mungkin menyukai proyek Excalidraw . Alat ini memungkinkan Anda untuk terlibat dalam membangun berbagai macam skema di browser. Kami di Devias, kami menggunakan Excalidraw untuk melakukan sesi curah pendapat tentang berbagai masalah, seperti perilaku pengguna di situs atau arsitektur backend kami. Seperti yang telah disebutkan, Excalidraw mendukung kolaborasi. Dan ini, terutama sekarang, selama karantina, ketika banyak bekerja di situs terpencil, sangat berguna. Satu-satunya minus dari proyek ini, yang timbul dari keterbukaan dan gratis, adalah bahwa ia tidak mendukung penyimpanan data cloud, yang akan memungkinkan, misalnya, untuk menyimpan hasil pekerjaan di akun Anda. Tapi, terus terang, ini bukan masalah besar, karena hasil pekerjaan dapat disimpan secara lokal, dan, jika perlu, diunggah kembali ke situs.

2. Transisi Ikon Nuklir

Transisi Ikon Nukleo

Sekarang mari kita beralih ke hal-hal yang lebih praktis dan berbicara tentang alat kecil yang memungkinkan Anda untuk menghasilkan transisi antara dua ikon SVG. Ini adalah proyek Transisi Ikon Nuklir . Di sini Anda dapat mengkonfigurasi efek transisi (skala atau putar), pilih jenis peristiwa yang memicu transisi (klik atau arahkan). Alat ini menghasilkan satu file SVG yang berisi deskripsi ikon dan kode JavaScript yang bertanggung jawab untuk transisi. Inti dari alat ini adalah alat ini melengkapi ikon dengan kelas yang digunakan oleh skrip.

Untuk menambahkan ikon animasi ke proyek Anda, cukup muat file SVG yang dihasilkan dan tambahkan kontennya ke kode HTML Anda. Berikut ini isi dari isi file ini.

Isi dari File SVG yang Dihasilkan Secara Otomatis

Inilah yang saya dapatkan.

Ikon animasi yang dibuat secara otomatis

Jika Anda berencana untuk menggunakan efek transisi untuk banyak ikon, Anda dapat mengoptimalkan kode dengan skrip, karena skrip yang sama digunakan di mana-mana.

3. Jenis Skala

Jenis Skala

Jika Anda, seperti saya, sering membuat situs dari awal, maka Anda mungkin menyukai proyek Skala Jenis , yang dapat membantu Anda dalam pemilihan font. Ini mendukung pemilihan font dan penyesuaian propertinya, seperti ukuran dan faktor skala. Pengaturan font segera ditampilkan pada halaman menggunakan teks template yang mengandung berbagai elemen. Anda dapat mengekspor kode CSS yang berisi opsi font. Saya biasanya menggunakan alat ini ketika saya membutuhkan font khusus, dan saya tidak ingin menghabiskan terlalu banyak waktu memilih parameternya.

4. Roam Research

Roam Research

Produktivitas saya membantu menjaga terus penggunaan daftar hal yang harus dilakukan. Untuk mempertahankan daftar tersebut, saya menggunakan aplikasi Roam Research, yang, antara lain, memungkinkan Anda menghubungkan bisnis. Proyek ini menggunakan sesuatu seperti bahasa markup khusus. Hubungan antara kasus memungkinkan Anda untuk mempertimbangkan daftar yang harus dilakukan dalam bentuk entitas yang saling berhubungan, yang membantu, misalnya, sampai ke asal-usul ide tertentu dan menganalisis langkah-langkah yang terkait dengan implementasinya. Faktanya, cara kerja proyek ini agak sulit dijelaskan, atau mungkin saya hanya tidak tahu bagaimana mengekspresikan ide-ide seperti itu. Saya mulai menggunakan Roam Research hanya beberapa hari yang lalu, tetapi saya harus mengatakan bahwa saya sangat menyukai ide proyek ini. Mungkin ini disebabkan oleh fakta bahwa dia mendorong saya untuk membuat catatan pendek yang mengungkapkan hal-hal yang paling penting, daripada deskripsi panjang kasus yang tidak pernah saya baca. Sekarang Roam Research adalah proyek gratis, karena kebaruannya. Tapi saya cukup yakinbahwa opsi bebasnya akan selalu ada.

5. Happy Hues

Happy Hues

Alat ini ditujukan untuk pengembang yang sedikit terlibat dalam desain. Ini tentang proyek Happy Hues . Ini bukan aplikasi, tetapi sumber daya yang dirancang untuk mereka yang tidak pandai memilih palet warna. Di situs ini Anda dapat menemukan banyak kombinasi warna yang telah dipilih sebelumnya. Saya kira tidak mungkin untuk tidak menemukan sesuatu yang cocok dengan gaya Anda. Saya selalu menjaga sumber daya ini, menggunakan itu, misalnya, ketika saya perlu menemukan kombinasi warna yang baik, yang dibedakan dengan tingkat kontras yang layak dan lulus tes untuk ketersediaan konten.

Ringkasan

Saya baru saja membagikan kepada Anda daftar alat rahasia yang membantu saya bekerja secara produktif. Ada kemungkinan beberapa dari mereka akan berguna bagi Anda. Jika Anda mengetahui ada alat menarik yang meningkatkan produktivitas pengembang web, bagikan di komentar!

Kami mengingatkan Anda bahwa kami melanjutkan kontes prediksi di mana Anda dapat memenangkan iPhone baru. Masih ada waktu untuk menerobosnya, dan membuat perkiraan paling akurat tentang nilai-nilai topikal.

5 Alat Produktivitas Pengembang Web Gratis