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

Cảm giác như năm mới chỉ là ngày hôm qua. Tuy nhiên, bây giờ chúng tôi đang ở đây có thể và đã đến lúc chúng tôi chia sẻ tài nguyên mới với các nhà phát triển web đồng nghiệp của mình.

Trong vòng này, chúng tôi có một số tài liệu tham khảo tốt đáng đánh dấu trang, một công cụ giúp bạn kiểm tra các lỗi HTML, một mã ngắn để soạn các ký hiệu âm nhạc, thư viện JS để xử lý các bảng một cách nhanh nhạy và hệ thống lưới phản hồi.

Mã ngắn

CanIUse là một nguồn toàn diện để theo dõi hỗ trợ trình duyệt cho các tính năng web hiện đại. Đây là một plugin WordPress hiển thị bảng CanIUse cho tính năng được chỉ định bằng cách sử dụng một mã ngắn tiện dụng. Sau khi kích hoạt, bạn có thể thêm, ví dụ, [ciu-display Feature = "audio"] để hiển thị kết quả cho hỗ trợ phần tử âm thanh HTML5 trong bảng.

jQuery FileAPI

Một plugin jQuery tương tác với tệp API của trình duyệt để xử lý tải lên tệp, plugin này cũng bao gồm khả năng cắt xén hình ảnh và thay đổi kích thước và tải lên nhiều tệp.

TabellaJS

Xây dựng một bảng đáp ứng là thực sự khó khăn. Có rất nhiều thư viện và kỹ thuật JavaScript mà bạn có thể sử dụng, nhưng mỗi thư viện đều có những cạm bẫy riêng.. Tabella là một thư viện có vẻ hứa hẹn trong nỗ lực giải quyết rào cản khét tiếng này trong thiết kế web đáp ứng.

Dính

Chú ý là một polyfill của CSS3 mới dính Chức vụ. Nó mô phỏng hoàn hảo hành vi vị trí dính và nó cũng hoạt động với nhiều trường hợp dính.

Basket.js

Basket.js là một thư viện JavaScript được sử dụng để tối ưu hóa thời gian tải JavaScript. Basket.js sẽ lưu trữ JavaScripts trong localStorage do đó tránh được tải không cần thiết trong tương lai. Điều này cũng sẽ cải thiện tốc độ trang web vì các tập lệnh không được gọi từ người dùng mà thay vào đó được tìm nạp từ máy chủ.

HTMLHint

HTMLHint là một công cụ web nhỏ để kiểm tra lỗi trong HTML. Công cụ sẽ kiểm tra các tiêu chuẩn đặt tên, thiếu các thẻ đóng, các vấn đề về khả năng truy cập, sử dụng đúng cách của Doctype và các id trùng lặp và các vấn đề ohter mà bạn có thể thường bỏ qua.

Ký hiệu ABC

Bạn có phải là nhạc sĩ và đang điều hành một trang web dựa trên WordPress? Plugin này có thể là những gì bạn đang tìm kiếm. Sau khi kích hoạt Ký hiệu ABC cho phép bạn soạn các ký hiệu âm nhạc trong bài đăng và trang của mình bằng cách sử dụng một mã ngắn.

Phong cách KSS

KSS Styleguide làm cho việc tạo một hướng dẫn phong cách sống thuận tiện hơn. Công cụ sẽ tự động hóa quy trình và khi trang web của bạn phát triển với các bổ sung và lặp lại UI mới, KSS sẽ cập nhật hướng dẫn kiểu.

Trạng thái Internet Explorer

Internet Explorer đang phát triển tốt hơn. Trong phiên bản mới nhất (trước Spartan), Internet Explorer đã chấp nhận rất nhiều tiêu chuẩn web mới. Bây giờ bạn theo dõi trạng thái của các tính năng sắp được phát hành với phiên bản tiếp theo. Đây là một tài liệu tham khảo hữu ích cho các nhà phát triển web ngoài CanIUse và Chrome Status.

CSS Flexbox

Một bộ sưu tập bất cứ điều gì để làm với CSS Flexbox, chẳng hạn như hướng dẫn, bài viết và cheatheets. Một tài liệu tham khảo rất hữu ích cho bất kỳ nhà phát triển để đánh dấu.

Thung lũng

Thung lũng là một tập hợp các biểu tượng thư mục OS X và các thư mục được tạo bởi bên thứ ba phổ biến như Dropbox, Drive và OneDrive. Màu thư mục được làm dịu đi nhiều hơn, mà tôi nghĩ là một quyết định tốt hơn so với những gì bạn nhận được với các thư mục OS X Yosemite (quá rực rỡ!).

Lưới thuật sĩ CSS

Một hệ thống lưới đáp ứng CSS nhẹ nhưng mạnh mẽ được phát triển bởi Harry Robert, nó được tích hợp rất nhiều tính tốt của CSS; nó hoàn toàn đáp ứng, được cung cấp bởi Sass, được cấu trúc bằng phương pháp BEM và là các lưới có thể đảo ngược.