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

Chúng tôi đang gần cuối năm 2016, và đó là một năm ly kỳ đối với nhiều người bao gồm cả các nhà phát triển web. Năm nay, Sự nổi tiếng của ReactJS tăng vọt theo cấp số nhân, một phần mở rộng ReactJS mới được phát hành và nằm trong danh sách Kho lưu trữ xu hướng của Github (hầu hết) mỗi tuần.

PHP7 cũng được phát hành trong năm nay cung cấp sự cải thiện đáng kể về tốc độ, cũng như việc phát hành WordPress 4.7 với WP-API được chờ đợi từ lâu tính năng, và Facebook cũng giới thiệu Gói sợi điều đó có thể thách thức NPM.

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ó.

Để biết thêm chi tiết về từng bản phát hành hữu ích này, chúng ta hãy xem danh sách sau:

LightHouse

LightHouse là một công cụ tiện dụng từ Google để kiểm tra trang web của bạn theo các số liệu phát triển web hiện đại, bao gồm hiệu suất tải trang, lưu trữ với nhân viên phục vụ, đáp ứng thời gian của máy chủ và kể từ đó trở đi. Các công cụ này có hai dạng, CLI (Giao diện dòng lệnh) và tiện ích mở rộng Google Chrome.

Cầu chì

Tìm kiếm mờ là một loại hoàn thành tìm kiếm trong đó trả về một số khả năng ngay cả khi nó không khớp chính xác với các đối số tìm kiếm. Ví dụ: nếu bạn tìm kiếm 'đến' thì kết quả có thể quay lại làm, robot, và chân. Đây là một hiệu suất tìm kiếm phổ biến trong các ứng dụng web ngày nay. FuseJS là một thư viện JavaScript nhẹ cho phép bạn thực hiện nó trên trang web của bạn một cách dễ dàng.

Gói sợi

Sợi là một Trình quản lý gói nút được xây dựng bởi Facebook. Về cơ bản, nó hoạt động tương tự như NPM mặc dù có những tiến bộ trong một số lĩnh vực như tốc độ, Mode chế độ ngoại tuyến 'cho phép bạn cài đặt các gói mà không cần kết nối Internet, và bảo mật cũng như độ tin cậy.

Menu Cache

Một plugin WordPress tiện dụng để lưu trữ Menu WordPress sử dụng API tạm thời để cải thiện tốc độ truy vấn cơ sở dữ liệu. Plugin đi kèm với một số Bộ lọc để tùy chỉnh thời gian lưu trữ và thực hiện những thứ khác. Nó có thể được cài đặt bằng Composer hoặc như một plugin WordPress thông thường.

Githunt

Githunt là một tiện ích mở rộng của Google Chrome thay thế trang chủ Chrome bằng kho lưu trữ xu hướng Github. Bạn có thể sắp xếp kết quả dựa trên thời gian và ngôn ngữ lập trình. Đó là, tôi nghĩ, một tiện ích phải cài đặt để mọi nhà phát triển luôn cập nhật các công cụ tốt nhất xung quanh.

Tiêu điểm

Không thể tập trung vào công việc của bạn và muốn hoàn thành công việc của bạn một cách nhanh chóng? Hãy thử FF Focus. Nó là CLI cho phép bạn chặn trang web trong một khoảng thời gian đã đặt thông qua Terminal. FF Focus có thể là cài đặt qua NPM bằng cách chạy npm i ff Focus -g chỉ huy.

Phụ kiện

AccesslintJS là một Thư viện JavaScript để xác thực trang web của bạn cho khả năng tiếp cận. Sử dụng thư viện này dễ dàng như tải nó trước thẻ, và bạn sẽ nhận được tất cả các cảnh báo và lỗi ngay tại Bảng điều khiển DevTools.

Tô màu

Colorable là một ứng dụng web tiện dụng cho phép bạn tạo kết hợp màu tuân thủ Nguyên tắc WCAG và cũng làm cho trang web của bạn người dùng bị khiếm thị như mù màu.

Micon

Micon là một biểu tượng phông chữ của chữ tượng hình Microsoft Windows 10 đã chọn. Đây có thể là một sự thay thế tuyệt vời của FontAwgie mà tôi nghĩ đã quá lạm dụng.

Tham khảo CSS

Cái tên nói lên tất cả. Nó là Tham chiếu CSS để tra cứu cú pháp CSS. Nó cũng được trình bày theo một cách dễ chịu tốt đẹp làm cho nó một thay thế tuyệt vời cho tài liệu CSS tại MDN, nếu bạn nghĩ nó quá nhàm chán.

Địa phương bằng bánh đà

Đây là Ứng dụng GUI giúp thiết lập trang web WordPress cục bộ trong macOS của bạn thật dễ dàng. Ứng dụng này có rất nhiều tiện ích tuyệt vời dành cho nhà phát triển, như; “Một cú nhấp chuột” Cài đặt WordPress, Truy cập SSH, thiết lập SSL dễ dàng, kế hoạch chi tiết trang web và XIP.io. Ứng dụng có giá khoảng 149USD, nhưng bây giờ được cung cấp miễn phí kể từ khi được mua lại bởi Flywheel.

FreeCodeCamp

Nó là một tài nguyên miễn phí để học mã cho Web. Các chủ đề bao gồm HTML, CSS, JavaScript và vài thư viện như ReactJS và D3. Nó cung cấp thách thức hoặc ví dụ dự án trong khi bạn đang tham gia các khóa học, cũng như hướng dẫn giúp bạn hiểu môn học tốt hơn.

Phông chữ OverPass

Phông chữ OverPass là một họ phông chữ bao gồm tám trọng lượng (200-900), kiểu chữ in nghiêng và kiểu chữ đơn cách. Phông chữ có thể được tải dưới dạng phông chữ web từ KeyCDN cũng như cài đặt cho máy tính để bàn. Nó là nguồn mở và miễn phí.

Mẫu cơ sở

Mẫu cơ sở là một bộ quy tắc kiểu CSS mà thiết lập lại các yếu tố hình thức bao gồm đầu vào, hộp kiểm, lựa chọn, và văn bản với phong cách cơ bản nhưng đẹp. Thư viện CSS này là tốt sử dụng kết hợp với cái khác “Thay đổi CSS” như Normalize.css.

Mặt trận

nó là một khung hình được sử dụng để xây dựng 24ways.org; một nguồn lực lớn mà bạn có thể nhìn vào để học các kỹ thuật CSS nâng cao.

Chiến thắng

ReactJS đang gia tăng, và cùng với đó là một số lượng lớn các phần mở rộng để hỗ trợ nó. Chiến thắng là một Thành phần ReactJS để thêm tương tác và biểu đồ hoặc trực quan hóa dữ liệu.

Địa ngục

Địa ngục là một Thư viện JavaScript để xây dựng giao diện web trên thiết bị di động. Nó là lấy cảm hứng từ ReactJS do đó có các quy ước cú pháp tương tự. Tuy nhiên, sự khác biệt là Inferno là được xây dựng với hiệu suất trong tâm trí mà làm cho nó kích thước nhỏ hơn nhiều và cũng cho nó một thời gian kết xuất nhanh hơn.

Tiên tri

Permonish là thư viện có thể dự đoán tương tác tiếp theo của người dùng. Điều này sẽ cho phép bạn chuẩn bị giao diện người dùng (UI) hoàn hảo hơn trước khi người dùng thực sự tương tác với trang web của bạn.

Bộ khởi động SPA

Đây là một ví dụ về SPA (Ứng dụng Trang đơn) được xây dựng với Laravel và VueJS. Nó chưa một tài nguyên tuyệt vời khác để học phát triển web bằng cách sử dụng các khung - nhìn vào nguồn Luke!

Tài liệu

Tài liệu là Thư viện JavaScript để xây dựng một tài liệu trang duy nhất. Nó được cung cấp với VueJS và được cung cấp với một số tiện ích Node cho phép bạn thiết lập và chạy tài liệu của bạn một cách nhanh chóng.