Sumberdaya Segar untuk Desainer dan Pengembang Web (Agustus 2016)

Dalam artikel ini, kami menampilkan daftar kerangka kerja dan alat yang ada diarahkan pengembangan web. Menariknya, saya telah menemukan beberapa alat dan kerangka kerja yang berasal dari perusahaan raksasa seperti Microsoft dan Alibaba.

Ini pertanda baik, karena semakin banyak perusahaan sekarang berkontribusi untuk open-source dan membantu membentuk Web yang lebih baik. Mari kita lihat apa yang ada di toko untuk kompilasi bulan ini.

Klik untuk Lebih Banyak Sumber Daya

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

CuteStrap

Kerangka kerja UI dibangun di atas Sass. Muncul dengan semua antarmuka web yang paling umum seperti formulir, navigasi, dan tombol, yang harus memadai dalam banyak kasus. Jika Anda menemukan kerangka kerja populer seperti Bootstrap dan Foundation yang luar biasa, Cutestrap mungkin menjadi alternatif yang bagus untuk Anda.

Tes HTML5

Tes HTML5 adalah alat online yang akan menguji seberapa jauh browser mendukung spesifikasi HTML5 terbaru. Ini adalah alat yang berguna bagi mereka yang terlibat dalam debugging dan pengujian aplikasi web modern.

Kalori Browser

Kalori Browser adalah ekstensi Chrome yang mengukur berat halaman web. Ini memindai file yang dimuat dan kontribusi mereka terhadap berat total halaman. Alat kecil yang hebat untuk membantu Anda mengoptimalkan kinerja situs web Anda.

Weex

Weex adalah kerangka kerja dari Alibaba untuk membangun aplikasi seluler hanya dengan HTML, CSS, dan JavaScript. Muncul dengan Modul, komponen UI, DevTools dan CLI sendiri yang dirancang untuk lingkungan seluler dan untuk mempercepat pengembangan.

Microsoft Web Framework (MWF)

Kerangka kerja dari Microsoft, komponen UI di MWF dibangun berdasarkan bahasa desain Microsoft Modern: datar, bersih, dan minimalis. Kerangka kerja ini, selain dari komponen UI, juga memberikan arahan tentang penggunaan Warna, Tipografi dan Animasi. Saya pikir Material Design Lite akhirnya bertemu dengan pesaing yang sama.

Vital

Vital adalah framework dengan antarmuka minimal yang sangat menyenangkan. Ini ringan, tidak memiliki JavaScript, dan asli Rogue - sebuah sintaksis yang berbasis Ruby.

Fontea

Fontea adalah ekstensi Photoshop gratis untuk mengelola dan menerapkan ratusan Font Google dengan mudah. Anda dapat mencari font dari dalam Photoshop, melihat pratinjau, dan menerapkan font langsung ke desain Anda - merampingkan alur kerja Anda.

Gerimis

Ini adalah alat yang memungkinkan Anda untuk membangun pola UI atau panduan gaya untuk situs web Anda. Ini akan menghasilkan hal-hal seperti warna, gaya dasar atau tata letak untuk komponen serta potongan kode. Generator panduan gaya seperti Gerimis akan memungkinkan Anda untuk tetap konsisten dengan gaya situs web Anda.

InterCooler

InterCoolerJS adalah pustaka JavaScript yang membuat penerapan AJAX di situs web Anda semudah menambahkan atribut HTML. Itu datang dengan panduan yang luas dan banyak contoh untuk membantu Anda memulai menggunakan alat ini.

Picla

Picla adalah plugin jQuery untuk menampilkan label gambar yang diambil dari gambar alt atribut. Ini memberikan beberapa opsi untuk memungkinkan Anda menambahkan gaya dan gerakan khusus pada label. Picla dapat diinstal sebagai ketergantungan situs web Anda dengan Bower.

IziModal

Ini adalah plugin jQuery untuk ditampilkan modal muncul tiba-tiba. IziModal memiliki banyak opsi untuk personalisasi. Anda dapat, misalnya, menyesuaikan animasi, konten teks, warna. Ringan, responsif, dan siap retina.

MegaBoilerplate

MegaBoilerplate adalah generator untuk mengatur tumpukan pengembangan dengan cepat. Pergi ke situs web dan pilih alat dan perpustakaan mana (Node.js, HTML5, Vanilla JavaScript, dan Electron) yang akan Anda gunakan sebagai basis situs web Anda. Ini akan mengkompilasi dan mengkonfigurasi semua hal yang Anda butuhkan dalam paket zip, siap untuk diunduh.

Kesalahan besar

Pustaka JavaScript untuk menampilkan pemutar audio modern menggunakan API Audio Web, Kesalahan besar bekerja di browser setua IE9, dan mendukung banyak codec audio seperti MP3, WEBM, WAV. Banyak fitur, modular, dan berfungsi tanpa perpustakaan eksternal.

SuperEmbed

SuperEmbed adalah pustaka JavaScript kecil yang membuat objek tertanam responsif, dengan tetap mempertahankan rasio aslinya. Ini mendukung berbagai sumber termasuk Youtube, Flickr, Vine, VideoPress dan DailyMotion. Lihat demo.

CleaveJS

Membelah adalah perpustakaan JavaScript yang secara otomatis memformat nilai dalam input. Ini dapat, misalnya, menambahkan ribuan pemisah dalam input mata uang, menambah ruang dalam input nomor Kartu Kredit, atau menambahkan / dalam input tanggal. Gunakan perpustakaan ini untuk menyajikan pengalaman pengguna yang lebih baik.

Membalik tipikal

FlippingTypical memungkinkan Anda untuk melihat semua font yang diinstal pada sistem Anda. Saya menemukan aplikasi ini lebih nyaman daripada menggunakan FontBook aplikasi di macOS. Saya mengetik teks acak dan melihat font mana di sistem saya yang paling bagus.

LightTable

IDE baru yang menurut saya layak untuk dieksplorasi. Dimulai sebagai proyek KickStarter, didukung oleh Matt Mullenweg (pendiri WordPress), dan akhirnya menjadi open source. Anda dapat menonton video ini untuk mendapatkan ide betapa kerennya IDE ini.

Kompresor

Kompresor adalah aplikasi web yang memampatkan file gambar ke ukuran terkecil tanpa kehilangan kualitas visual. Ini mendukung JPG, GIF, PNG, dan SVG juga. Aplikasi ini gratis.

Pemindaian Situs Microsoft

Ini adalah alat praktis dari Microsoft untuk menganalisis situs web Anda untuk masalah seperti kompatibilitas browser dan aksesibilitas. Alat ini akan mencantumkan laporan yang memberi tahu Anda jika ada sesuatu yang salah tentang situs web Anda dan bagaimana Anda dapat melanjutkan untuk mengatasi masalah tersebut. Cobalah!

Nonaktifkan Blogging

Plugin ini, seperti namanya, akan menghapus fitur blogging seperti Posting, Komentar dan Umpan. Ini adalah plugin yang tepat untuk Anda jika Anda tidak memerlukan fitur blogging di WordPress.