Beranda » Desain web » Sumberdaya Segar untuk Desainer dan Pengembang Web (Agustus 2018)

    Sumberdaya Segar untuk Desainer dan Pengembang Web (Agustus 2018)

    Tampaknya komunitas pengembangan lebih aktif akhir-akhir ini karena ada cukup banyak alat baru yang dirilis dalam beberapa bulan terakhir. Dalam seri seri ini, saya akan menyoroti beberapa alat yang layak disebutkan.

    Di antara daftar alat, ada a Pustaka JavaScript untuk menghasilkan data dummy, alat untuk berbagi file dalam jaringan lokal, dan yang memungkinkan Anda merekam sesi Terminal ke dalam animasi SVG. Terdengar keren? Mari kita periksa daftar lengkapnya di bawah ini.

    Pushbar.js

    Ini adalah perpustakaan JavaScript untuk membuat laci geser. Biasanya laci geser digunakan untuk menampilkan navigasi menu situs, tetapi Anda dapat menggunakan perpustakaan ini untuk menampilkan apa pun yang cocok untuk situs Anda. Pushbar.js adalah sepenuhnya dapat dikustomisasi dan bebas ketergantungan, tidak diperlukan jQuery.

    Karbon Sekarang CLI

    Carbon CLI adalah paket Node.js untuk menghasilkan tangkapan layar kode indah melalui antarmuka baris perintah. Alat ini terinspirasi oleh carbon.now.sh di mana Anda dapat melakukan hal yang sama melalui GUI yang bagus di browser.

    Faker.js

    Pustaka JavaScript untuk buat data dummy. Ini mendukung menghasilkan sebagian besar data seperti nama, alamat pos, nama perusahaan, nomor telepon, tanggal, dan banyak lagi. Semua data ini bisa sangat bermanfaat bagi uji aplikasi web Anda.

    TermToSVG

    TermToSVG ​​adalah a Perekam terminal Linux yang menjadikan sesi baris perintah Anda menjadi animasi SVG. Ini adalah alat yang berguna bagi pengembang untuk menulis tutorial.

    Manajer Pencadangan Database

    Ini adalah pustaka PHP, dan seperti namanya, ini menyediakan satu set fungsi menangani pencadangan dan pemulihan basis data. Perpustakaan mendukung berbagai layanan untuk mengirim atau menarik cadangan, termasuk Dropbox, Amazon S3, FTP dan SFTP, dan Rackloud Cloud.

    Bereaksi Bits

    Kumpulan besar teknik, tips dan trik React.js, React Bits mencakup pola desain umum, gaya, dan kiat kinerja. Ini benar-benar sumber yang bagus untuk meningkatkan keterampilan React.js Anda.

    Bahasa DSS

    DSS adalah singkatan dari Deterministic StyleSheets, alat pembuat CSS baru. Bagaimana cara kerjanya dan bagaimana ini bisa diterapkan pada pekerjaan saya sehari-hari? Jujur saya tidak tahu sejauh ini. Tapi itu terlihat keren dan baru jadi ada di daftar. Terima kasih!

    PurgeCSS

    PurgeCSS adalah paket NPM yang memungkinkan mengoptimalkan hasil CSS dalam aplikasi web Anda dengan menghapus yang tidak digunakan. Alat ini memiliki beragam dukungan alat bawaan yang tercakup termasuk Gulp, Grunt, Grunt, Webpack, dan PostCSS, sehingga Anda dapat mengintegrasikannya ke dalam proyek Anda segera.

    RFS

    RFS adalah singkatan dari Responsive Font Size dan merupakan proyek yang menarik untuk menangani salah satu hal tersulit di web, yaitu, untuk buat ukuran font responsif, dengan cara itu ukurannya akan mengikuti dengan baik dengan ukuran viewport perangkat. RFS tersedia sebagai NPM

    SimpleBar

    Pustaka JavaScript untuk membuat bilah gulir khusus, SimpleBar memungkinkan Anda mengatur gaya gulir cocokkan gaya situs Anda menggunakan CSS sama seperti elemen HTML lainnya di tempat. Karena batasan platform dan browser, penataan bilah gulir browser dulunya rumit tetapi SimpleBar benar-benar membuatnya menjadi sederhana.

    Larastan

    Larastan adalah pembungkus PHPStan untuk Laravel. PHPStan adalah alat yang akan memungkinkan Anda untuk memeriksa kode Anda untuk kemungkinan kesalahan tanpa perlu menulis unit test. Ia memeriksa banyak hal termasuk keberadaan metode dan fungsi yang disebut, tipe yang ditugaskan ke properti, jumlah dan tipe yang ditugaskan untuk konstruktor Kelas, dan memvalidasi phpDocs.

    PWMetrics

    PWMetrics adalah alat yang mengumpulkan metrik Aplikasi Web Progresif melalui antarmuka baris perintah yang dikembangkan oleh Paul Irish. Alat ini diberdayakan oleh Lighthouse dan tersedia sebagai paket NPM. Ini menyediakan banyak opsi untuk konfigurasikan metrik, kinerja pengujian, dan harapan yang ingin Anda capai dari ujian.

    Pax

    Pax adalah bundler JavaScript untuk kompilasi modul JavaScript menjadi file yang dapat digunakan untuk browser. Pax menjanjikan kecepatan. Ini mengkompilasi lebih cepat daripada beberapa bundler alternatif. Ini sepenuhnya mendukung ES6 impor dan ekspor sintaks dan CommonJS sytax impor. Tidak seperti itu pax ditulis dengan Rust dan tersedia melalui registri paket Rust yang disebut Cargo.

    SustyWP

    SustyWP adalah a Tema WordPress ditujukan untuk tujuan yang lebih baik; untuk mengurangi jejak karbon dengan mengurangi ukurannya menjadi sekecil mungkin. Bobotnya hanya 7-6kb saat dimuat di browser. Nya cepat dan ringan, dan sebagai gantinya, ia mengkonsumsi lebih sedikit sumber daya (mis. listrik) untuk memuat situs. Lihat tema latar belakang dalam posting ini oleh Jack Lenox.

    Perpustakaan Doodle

    SEBUAH koleksi gambar doodle, Perpustakaan Doodle memiliki banyak gambar dalam koleksi dan mereka dikelompokkan ke dalam beberapa kategori Wajah, Tempat, Hewan, dll. Gambar tersedia dalam format SVG dan didistribusikan di bawah Creative Common Attributions 4.0

    Tilt.js

    Plugin jQuery untuk buat yang mewah memiringkan efek mirip dengan gambar mini pratinjau yang kita lihat di Apple TV. Tidak perlu CSS tambahan. Mereka juga memberikan beberapa contoh implementasi di halaman ini sehingga menggunakannya cukup mudah. Pastikan Anda lihat efek Glare; ini sangat keren.

    Ruang penyimpanan

    Fileroom adalah aplikasi web untuk berbagi file peer-to-peer dalam jaringan yang sama. Anda dapat berbagi file dengan rekan Anda hanya dengan drag-n-drop terlepas dari OS. Ini bekerja di Windows, macOS, Linux.

    Coolhue

    Kumpulan warna gradien pilihan sendiri, Coolhue memungkinkan Anda untuk mengambil contoh palet warna untuk Photoshop dan aplikasi Sketsa atau instal ke proyek Anda menggunakan punjung atau npm. Ini akan menghemat waktu Anda untuk mengambil warna untuk situs web mendatang.

    Karang

    Perpustakaan JavaScript sederhana untuk membuat UI, Reef tidak memiliki semua lonceng dan peluit dari perpustakaan yang lebih besar seperti React.js atau Vue.js. Tetapi jika yang Anda butuhkan adalah untuk membuat UI, hanya input data dan templat Reef bisa menjadi alternatif yang bagus. Bobotnya hanya 2Kb

    Hijau abadi

    Kumpulan komponen UI dari Segment.io. Komponen-komponennya cukup bervariasi; selain beberapa komponen reguler seperti Tombol, Ikon, Input Teks, ada beberapa yang menurut saya unik untuk Evergreen seperti Pemanggang Roti, Lembar Samping, dan Dialog Pojok.