Sumberdaya Segar untuk Desainer dan Pengembang Web (Januari 2016)

Banyak alat dan aplikasi untuk pengembang yang ditemukan di Web berevolusi sesuai tren sementara beberapa berevolusi menjadi solusi yang lebih pragmatis. Dalam angsuran bulan ini, saya telah memutuskan untuk menghabiskan lebih banyak waktu untuk menemukan sumber daya yang mungkin tidak bermanfaat. , tetapi tetap saja menonjol di kategorinya masing-masing.

Kami memiliki font yang terlihat bagus yang mungkin milik Anda Helvetica Neue penggantian, pustaka JavaScript untuk menguji tekanan sentuh, dan alat praktis untuk pencatatan kesalahan JavaScript. Mari kita periksa.

Klik untuk Lebih Banyak Sumber Daya

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

Font OverPass

Jembatan penyeberangan font adalah font gratis yang terinspirasi oleh Highway Gothic. Highway Gothic adalah jenis huruf yang banyak diadopsi di banyak negara untuk rambu-rambu jalan karena keterbacaannya melintasi jarak dan kecepatan tinggi. Font OverPass hadir dalam empat bobot font (tipis, normal, semi-tebal, dan tebal), huruf besar dan kecil, dan juga dapat dikonversi menjadi font web.

Lisensi: OFL (Lisensi Font Terbuka)

Pa11y

Pa11y adalah alat untuk menguji aksesibilitas situs web Anda dengan sedikit kerumitan, melalui keindahan yang ada otomatisasi. Anda dapat menggunakan antarmuka baris perintah atau pengaturan melalui dasbor jika Anda lebih suka antarmuka yang berwarna dan interaktif. Pa11y akan menghasilkan laporan, menunjukkan area untuk diperbaiki jika Anda ingin meningkatkan aksesibilitas situs web Anda untuk berbagai cacat.

Lebih banyak sumber daya tentang aksesibilitas:

Web Modern dan Aksesibilitas [Video]
Daftar Putar: Aksesibilitas oleh Thomas Bradly [Video]
Pandangan tentang Standar Web ARIA & Aksesibilitas Aplikasi HTML

PressureJS

Apple's Touch Touch pada dasarnya mengukur tekanan jari pada layar atau trackpad, yang dapat digunakan untuk menambah fungsionalitas tambahan. Pengembang dapat memanfaatkan teknologi ini untuk menambah daya guna ke aplikasi OS X atau iOS asli mereka. PressureJS adalah perpustakaan JavaScript itu menghubungkan ke Force Touch APIs dan memungkinkan Anda untuk menerapkannya di situs web Anda.

SplitJS

SplitJS adalah pustaka JavaScript ringan yang memungkinkan Anda membagi viewport jendela browser menjadi beberapa bagian. Anda mungkin telah melihatnya biasa digunakan di webapp berbagi kode seperti CodePen.io, JSFiddle, atau JSBin di mana ruang kerja HTML, CSS, dan JS dipisahkan menjadi bagian mereka sendiri.

Fleksibilitas JS

Flexbox membuat mengatur tata letak web jadi lebih mudah. Namun, karena tidak bekerja di Internet Explorer 9 dan 8, pengembang web sering harus kembali menggunakan yang terkenal bermasalah mengapung milik. Fleksibilitas JS ada di sini sehingga Anda bisa gunakan Flexbox tanpa meninggalkan browser lama ini.

LabellaJS

LabellaJS membuat membuat timeline berlabel jadi lebih mudah. Anda memiliki sejumlah opsi yang Anda inginkan untuk mengontrol posisi label, arah, lebar, tinggi, dan algoritma tata letak. Ia bekerja dengan AMD loader, Persyaratan seperti itu, dan dapat digunakan dengan baik bersama dengan Browserify dan Node.js. Tidak diperlukan ketergantungan.

Wee

Wee lebih dari sekadar kerangka kerja CSS. Itu dikemas dengan banyak komponen untuk membantu proses pembangunan termasuk a built-in server, pemuatan langsung, sourcemap, minification, kode validator, dan generator situs statis. Itu juga dilengkapi dengan perpustakaan JavaScript sendiri dengan fitur untuk meningkatkan tampilan situs web Anda.

Grav

Grav adalah berbasis file datar CMS mirip dengan Jekyll, generator situs statis. Namun, itu dapat diperluas melalui Tema dan Plugin, seperti WordPress. Misalnya, Anda dapat menginstal untuk menambahkan Panel Administrator, Shortcode, Komentar, Formulir, dan Peta Situs. Secara keseluruhan, ini adalah CMS yang hebat yang juga bisa menjadi pesaing besar bagi CMS yang lebih mapan.

PatternPack

PatternPack adalah alat yang memungkinkan Anda untuk membangun sistem untuk membangun situs web atau aplikasi Anda dan membagikannya di berbagai proyek sekaligus. Memiliki sistem standar adalah bentuk umum dari praktik terbaik: tidak hanya mempercepat alur kerja Anda, tetapi juga membuat proyek lebih dapat dipertahankan. Baca Panduan Mulai untuk melihat cara menggunakan alat ini.

Oh Crash!

Debugging dalam JavaScript bisa sangat rumit. Pengguna Anda mungkin mengalami kesalahan yang mungkin tidak Anda alami selama pengembangan dan penerapan karena Anda telah memiliki pengaturan yang sempurna. Yang rumit di sini adalah bahwa kesalahan hanya masuk ke browser pengguna. Dengan Oh Crash sekarang kamu bisa masukkan log ke dalam repositori Github Anda, jadi Anda lebih banyak mendapat informasi tentang kesalahan tersebut.