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

Trong phần trước, chúng tôi đã tập trung vào các thư viện Javascript và CSS khác nhau để giúp xây dựng các trang web và ứng dụng web tốt hơn. Trong tháng này, chúng tôi có nhiều thư viện hơn để giới thiệu bên cạnh một trọng tâm nhỏ về kiểu chữ.

Trong vòng này của loạt bài, bạn sẽ xem xét một vài thư viện JS mà bạn sẽ tìm thấy để sử dụng nhưng cũng là một bộ sưu tập các mẹo, một bài luận rất dài về kiểu chữ, trình tạo màu và khung giao diện nhẹ. Nếu không có thêm rắc rối, 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ó.

Mẹo về JS

Mẹo JS là một tập hợp các mẹo JavaScript, một số trong số chúng xoay quanh cú pháp, một số về hiệu quả và hiệu suất mã, và một số khác là dành riêng cho một khung như AngularJS. Các mẹo mới được thêm vào hàng ngày và hiện có 50 mẹo được ban hành. Nó là cơ bản một dấu trang phải trang web cho mọi nhà phát triển web.

Quản lý Vagrant

Quản lý Vagrant là ứng dụng GUI để kiểm soát Vagrant. Tương tự MAMP, nơi bạn có thể dừng hoặc chạy Vagrant và xem Vagrant nào đang chạy. Ứng dụng có sẵn cho OS X và cho windows. Nếu bạn không chắc chắn Vagrant là gì, hãy xem bài viết trước của chúng tôi về Cách cài đặt WordPress cục bộ với Vagrant.

Bulma

Bulma là một khung giao diện. Gói bao gồm một số các thành phần UI phổ biến của web như điều hướng, thả xuống và (tất nhiên) lưới được xây dựng hoàn toàn với Hộp linh hoạt. Tính năng duy nhất còn thiếu (ít nhất là bây giờ) là các thành phần JavaScript. Các thành phần Bulma mỏng hơn nhiều so với Bootstrap, nhưng nó đủ để xây dựng một trang web nhỏ nhưng có thể trình bày.

Gutenberg

Được đặt theo tên của Julian Gutenberg, nhà phát minh báo chí đại chúng. Gutenberg là một bộ sưu tập của quy tắc phong cách cho cài đặt typographic thích hợp trên web Các quy tắc kiểu đặt dòng cơ sở, kích thước phông chữ và tỷ lệ và chiều cao dòng. Một thư viện phong cách tuyệt vời để làm cho nội dung trang web của bạn trông tốt hơn rất nhiều.

Được rồi

Được rồi là một jQuery để xây dựng một điều hướng đáp ứng, nhưng không chỉ là một điều hướng khác. Plugin có một chút khác biệt về thiết kế đáp ứng: vì khung nhìn được thu nhỏ lại thành nhỏ hơn, mỗi menu sẽ là dần dần được hợp nhất trong một biểu tượng để chịu được kích thước khung nhìn giới hạn. Nghe hay đấy?

Kiểu chữ web mới

Các Kiểu chữ web mới là một bài luận chuyên sâu, mở mắt về typography. Nó thảo luận về các phong cách từ những ngày đầu của cuốn sách cho đến cách chúng ta xây dựng và tiêu thụ trên web hiện tại. Được nghiên cứu kỹ lưỡng với nhiều hình minh họa và được tham khảo đầy đủ, đây là một bài viết dài của Robin Rendle, nhưng chắc chắn đáng đọc để hiểu rõ hơn về kiểu chữ.

Màu an toàn

Màu an toàn là một bảng màu tạo cho web. Không giống như các công cụ mà chúng tôi đã đề cập trước đây trong loạt bài này, ColorSafe sẽ chỉ tạo màu tuân theo tiêu chuẩn WCAG cho khả năng truy cập màu.

Hộp thoại phương thức có thể truy cập

Đây là một thư viện JavaScript nhỏ (chỉ ~ 0,5kb) để xây dựng một cửa sổ hộp thoại phương thức. Có thể truy cập, người dùng có thể dễ dàng mở, đóng và điều hướng qua hộp thoại bằng bàn phím và chuột. Gói này chỉ đơn giản là JavaScript trần, không có kiểu dáng, vì vậy bạn có thể tự do định hình phương thức hộp thoại theo bất kỳ cách nào bạn muốn.

Mo.js

Mo.js là một gói hoàn chỉnh của thư viện hoạt hình JavaScript. Nó đi kèm với một vài cài đặt trước để bạn có thể thiết lập và chạy hình ảnh động một cách nhanh chóng. Nó là mô-đun, cho phép bạn loại bỏ các chức năng không cần thiết, cũng như chất lỏng và trơn tru. Thật không may, một thư viện mới, thật không may, tài liệu này chưa sẵn sàng (bây giờ).

Các hạt

Thư viện này thêm các mạng hạt nổi trên trang web của bạn, chỉ đơn giản là để làm cho trang web của bạn trông mát mẻ hơn ngay lập tức. Các hạt sẽ phản ứng với chuyển động con trỏ. Các phản ứng cũng như các yếu tố khác như màu sắc, khoảng cách và hình dạng có thể được cấu hình thông qua các tùy chọn.