Sumber Baharu untuk Pereka dan Pengembang Web (Januari 2016)

Banyak alat dan aplikasi untuk pemaju yang terdapat di web berkembang mengikut trend sementara ada yang berkembang menjadi penyelesaian yang lebih pragmatik. Dalam ansuran bulan ini, saya telah memutuskan untuk menghabiskan lebih banyak masa mencari sumber yang mungkin tidak kelihatan seperti yang sangat berguna , tapi masih menonjol dalam kategori masing-masing.

Kami mempunyai font bagus yang mungkin anda Helvetica Neue penggantian, pustaka JavaScript untuk menguji tekanan sentuhan, dan alat berguna untuk pembalakan ralat JavaScript. Mari kita periksa mereka.

Klik untuk Sumber Lebih Banyak

Cari koleksi kami sumber yang disyorkan dan reka bentuk dan alat pembangunan web terbaik yang tersedia.

Font OverPass

OverPass font adalah font percuma yang diilhamkan oleh Highway Gothic. Lebuh raya Gothic adalah jenis huruf besar di banyak negara untuk tanda jalan kerana keterbacaannya di seluruh jarak dan kelajuan tinggi. Font OverPass terdapat dalam empat font berat (nipis, biasa, separa berani, dan berani), huruf besar dan huruf kecil, dan juga boleh ditukar menjadi fon web.

Lesen: OFL (Lesen Terbuka Font)

Pa11y

Pa11y ialah alat untuk menguji akses laman web anda dengan kurang kerumitan, melalui keindahan itu automasi. Anda boleh menggunakan antara muka baris perintah atau persediaan melalui papan pemuka jika anda lebih suka antara muka yang berwarna-warni dan interaktif. Pa11y akan menghasilkan laporan, menunjukkan kawasan yang akan dibetulkan jika anda ingin meningkatkan akses laman web anda untuk pelbagai kecacatan.

Lebih banyak sumber mengenai kebolehaksesan:

Web Moden dan Kebolehcapaian [Video]
Senarai main: Kebolehcapaian oleh Thomas Bradly [Video]
A Lihatlah ke Standard Web ARIA & Akses HTML Aplikasi

PressureJS

Force Force Apple pada dasarnya mengukur tekanan jari pada skrin atau pad jejak, yang boleh digunakan untuk menambahkan fungsi tambahan. Pemaju boleh mengambil kesempatan daripada teknologi ini untuk menambah kebolehgunaan kepada aplikasi OS X atau iOS asli mereka. PressureJS adalah perpustakaan JavaScript yang cangkuk ke API Touch Force dan membolehkan anda menerapkannya ke laman web anda.

SplitJS

SplitJS adalah perpustakaan JavaScript ringan yang membolehkan anda memisahkan viewport window viewer ke beberapa bahagian. Anda mungkin melihatnya lazim digunakan dalam aplikasi web perkongsian kod seperti CodePen.io, JSFiddle, atau JSBin di mana ruang kerja HTML, CSS, dan JS dipisahkan ke dalam bahagian mereka sendiri.

FlexibilityJS

Flexbox membuat susun atur web yang lebih mudah. Walau bagaimanapun, kerana ia tidak berfungsi di Internet Explorer 9 dan 8, pemaju web sering perlu kembali menggunakan kegunaan yang rumit terapung harta. FlexibilityJS di sini supaya anda boleh gunakan Flexbox tanpa meninggalkan pelayar lama ini.

LabellaJS

LabellaJS membuat mewujudkan garis masa berlabel jadi lebih mudah. Anda mempunyai beberapa pilihan yang boleh digunakan untuk mengawal kedudukan label, arahan, lebar, ketinggian, dan algoritma susun atur. Ia berfungsi dengan pemuat AMD seperti RequireJS, dan boleh digunakan dengan baik bersama dengan Browserify dan Node.js. Tiada kebergantungan diperlukan.

Wee

Wee adalah lebih daripada satu lagi rangka kerja CSS. Ia dibungkus dengan banyak komponen untuk membantu proses pembinaan termasuk a pelayan terbina dalam, tambah semula secara langsung, penyumberan luar, pengurangan, pengesah kod, dan penjana tapak statik. Ia juga dilengkapi dengan perpustakaan JavaScript sendiri dengan ciri-ciri untuk meningkatkan frontend tapak web anda.

Grav

Grav adalah fail berasaskan rata CMS serupa dengan Jekyll, penjana tapak statik. Namun, ia boleh diperluaskan melalui Tema dan Plugin, seperti Wordpress. Sebagai contoh, anda boleh memasang untuk menambah Panel Pentadbir, Kod pendek, Komen, Borang, dan Peta Laman. Ini secara keseluruhan CMS yang hebat yang juga boleh menjadi pesaing yang hebat untuk CMS yang lebih mantap.

PatternPack

PatternPack adalah alat yang membolehkan anda membina sistem untuk membina laman web atau aplikasi anda dan kongsi di seluruh projek yang berbeza sekaligus. Mempunyai sistem piawai adalah amalan terbaik am: bukan sahaja mempercepatkan aliran kerja anda, tetapi ia juga menjadikan projek lebih mapan. Baca Panduan Mula untuk melihat cara menggunakan alat ini.

OhCrash!

Debugging dalam JavaScript mungkin sangat rumit. Pengguna anda mungkin mengalami ralat yang mungkin tidak anda alami semasa pembangunan dan penggunaan kerana anda sudah mempunyai persediaan yang sempurna. Yang rumit di sini adalah bahawa kesilapan hanya dilog masuk ke pelayar pengguna. Dengan OhCrash anda boleh sekarang letakkan log masuk ke repositori Github anda, jadi anda lebih mengetahui mengenai kesilapan itu.