Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 1 năm 2016)

Nhiều công cụ và ứng dụng dành cho nhà phát triển được tìm thấy trên Web phát triển theo xu hướng trong khi một số phát triển là một giải pháp thực dụng hơn. Trong phần cài đặt tháng này, tôi đã quyết định dành nhiều thời gian hơn để tìm các tài nguyên có vẻ không hữu dụng rõ ràng , nhưng vẫn nổi bật trong các thể loại tương ứng của họ.

Chúng tôi có một phông chữ đẹp mắt có thể là của bạn Helvetica Neue thay thế, thư viện JavaScript để kiểm tra áp lực cảm ứng và một công cụ tiện dụng để ghi nhật ký lỗi JavaScript. Hãy kiểm tra chúng.

Bấm để biết thêm tài nguyên

Tìm toàn bộ bộ sưu tập tài nguyên được đề xuất của chúng tôi và các công cụ thiết kế và phát triển web tốt nhất hiện có.

Phông chữ OverPass

OverPass phông chữ là một phông chữ miễn phí lấy cảm hứng từ Highway Gothic. Highway Gothic là một kiểu chữ được áp dụng rộng rãi ở nhiều quốc gia cho các dấu hiệu đường do tính dễ đọc của nó trên khoảng cách và tốc độ cao. Phông chữ OverPass có bốn trọng lượng phông chữ (mỏng, bình thường, bán đậm và đậm), chữ hoa và chữ thường, và cũng có thể được chuyển đổi thành phông chữ web.

Giấy phép: OFL (Giấy phép phông chữ mở)

Pa11y

Pa11y là một công cụ để kiểm tra khả năng truy cập trang web của bạn với ít rắc rối hơn, thông qua vẻ đẹp đó là tự động hóa. Bạn có thể sử dụng giao diện dòng lệnh hoặc thiết lập qua bảng điều khiển nếu bạn thích giao diện tương tác nhiều màu sắc. Pa11y sẽ tạo một báo cáo, hiển thị các khu vực cần khắc phục nếu bạn muốn cải thiện khả năng truy cập trang web của mình cho các khuyết tật khác nhau.

Thêm tài nguyên về khả năng tiếp cận:

Web hiện đại và khả năng truy cập [Video]
Danh sách phát: Tính chính xác của Thomas Bradly [Video]
Cái nhìn về khả năng truy cập ứng dụng HTML & tiêu chuẩn web của ARIA

Áp lựcJS

Force Touch của Apple về cơ bản đo áp lực ngón tay trên màn hình hoặc trackpad, có thể được sử dụng để thêm chức năng bổ sung. Các nhà phát triển có thể tận dụng công nghệ này để thêm khả năng sử dụng cho các ứng dụng OS X hoặc iOS gốc của họ. Áp lựcJS là một thư viện JavaScript móc vào API Force Touch và cho phép bạn áp dụng nó cho các trang web của bạn.

Tách

Tách là một thư viện JavaScript nhẹ cho phép bạn chia khung nhìn cửa sổ trình duyệt thành nhiều phần. Bạn có thể đã thấy nó thường được sử dụng trong các ứng dụng web chia sẻ mã như CodePen.io, JSFiddle hoặc JSBin trong đó các không gian làm việc HTML, CSS và JS được phân tách thành các phần riêng của chúng.

Tính linh hoạtJS

Flexbox giúp sắp xếp bố cục web dễ dàng hơn nhiều. Tuy nhiên, vì nó không hoạt động trong Internet Explorer 9 và 8, nên các nhà phát triển web thường phải quay lại sử dụng những rắc rối nổi tiếng phao bất động sản. Tính linh hoạtJS ở đây để bạn có thể sử dụng Flexbox mà không để lại các trình duyệt cũ này.

LabellaJS

LabellaJS làm cho tạo một dòng thời gian được dán nhãn dễ dàng hơn nhiều Bạn có một số tùy chọn theo ý của bạn để kiểm soát vị trí nhãn, hướng, chiều rộng, chiều cao và thuật toán bố trí. Nó hoạt động với trình tải AMD như RequireJS và có thể được sử dụng độc đáo cùng với Browserify và Node.js. Không cần phụ thuộc.

Cuối tuần

Cuối tuần không chỉ là một khung CSS khác. Nó được đóng gói với rất nhiều thành phần để giúp cho quá trình xây dựng bao gồm một máy chủ tích hợp, tải lại trực tiếp, sơ đồ nguồn, thu nhỏ, trình xác nhận mã, và trình tạo trang tĩnh. Nó cũng đi kèm với các thư viện JavaScript riêng với các tính năng để nâng cao lối vào trang web của bạn.

Grav

Grav là một tập tin phẳng CMS tương tự như Jekyll, một trình tạo trang tĩnh. Tuy nhiên, nó có thể được mở rộng thông qua Chủ đề và Plugin, giống như WordPress. Ví dụ: bạn có thể cài đặt để thêm Bảng quản trị viên, Mã ngắn, Nhận xét, Biểu mẫu và Sơ đồ trang web. Nhìn chung, đó là một CMS tuyệt vời cũng có thể là một ứng cử viên tuyệt vời cho một CMS thành lập hơn.

Hoa văn

Hoa văn là một công cụ cho phép bạn xây dựng một hệ thống để xây dựng trang web hoặc ứng dụng của bạn và chia sẻ nó trên các dự án khác nhau cùng một lúc. Có một hệ thống tiêu chuẩn là một hình thức chung của thực tiễn tốt nhất: nó không chỉ tăng tốc quy trình làm việc của bạn mà còn làm cho dự án dễ bảo trì hơn. Đọc Hướng dẫn bắt đầu để xem cách sử dụng công cụ.

Ôi!

Gỡ lỗi trong JavaScript có thể rất khó khăn. Người dùng của bạn có thể gặp lỗi mà bạn có thể không gặp phải trong quá trình phát triển và triển khai vì bạn đã có thiết lập hoàn hảo. Vấn đề khó khăn ở đây là lỗi chỉ được đăng nhập vào trình duyệt của người dùng. Với Ôi bây giờ bạn có thể đặt nhật ký vào kho Github của bạn, vì vậy bạn được thông báo rõ hơn về lỗi.