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

Đã đến lúc chúng tôi chia sẻ một danh sách tài nguyên tuyệt vời khác cho các nhà phát triển web đồng nghiệp của mình. Lần trước chúng tôi đã giới thiệu một số tài liệu tham khảo, ứng dụng và một vài thư viện JavaScript.

Xem xét có rất nhiều thư viện JavaScript mà chúng tôi chưa có trong loạt bài này, phần này sẽ có thêm các plugin jQuery và một vài tài liệu tham khảo để cải thiện kỹ năng của chúng tôi với tư cách là nhà phát triển web. 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ó.

jQueryMy

jQueryMy là một Plugin jQuery để xử lý liên kết dữ liệu thời gian thực. Nó tương thích với các điều khiển hoặc đầu vào của trình duyệt riêng cũng như thư viện UI như jQuery UI. Nó được trang bị xác nhận, định dạng có điều kiện và quản lý phụ thuộc phức tạp dường như làm cho nó trở nên tuyệt vời - nhưng, nhẹ hơn - thay thế cho khung MV * như Backbone.js, Ember.js và Vue.js

Cái đầu

Thông thường, cái đầu thẻ chứa chức vụ thẻ, liên kết thẻ chỉ vào biểu định kiểu và kịch bản thẻ để tải tệp JavaScript. Kho lưu trữ này cho thấy rằng có nhiều hơn nữa mà chúng ta có thể bao gồm trong cái đầu nhãn. Danh sách này bao gồm các liên kết và thẻ meta chung cho một nền tảng cụ thể.

SmoothState

Phát triển một chuyển trang trơn tru có thể là một nỗi đau thực sự. Chúng tôi cần nghĩ đến việc xử lý hỗ trợ trình duyệt cho API lịch sử, lưu vào bộ đệm, tải trước, cũng như hoạt hình để đảm bảo nó hoạt động trơn tru và nhanh chóng. SmoothState đi kèm với tất cả những thứ này trong một gói, cho phép chúng tôi có được trải nghiệm và chạy trong thời gian ngắn hơn.

Phác thảo

Nói tóm lại, SketchRunner tương tự như OS X Spotlight, Alfred hoặc SublimeText Command Palette. Nó là một phần mở rộng phác thảo cung cấp một giao diện tìm kiếm đơn giản để thực hiện một số tác vụ thường được thực hiện trong menu ứng dụng. Nó hợp lý hóa để giúp bạn làm việc hiệu quả hơn.

CSS duy trì

CSS duy trì là một cuốn sách trực tuyến bao gồm nhiều năm kinh nghiệm, kỹ thuật tinh chế để soạn CSS sao có thể duy trì trong thời gian dài qua các thế hệ.

Mô hình Flexbox

Đây là một bộ sưu tập của Đoạn mã và HTML và CSS thả xuống để xây dựng giao diện, chẳng hạn như tiêu đề, chân trang, điều hướng menu, sử dụng CSS Flexbox. Nếu bạn thấy việc sử dụng Flexbox khó hiểu, thì đây là nguồn cảm hứng tuyệt vời để cuối cùng tìm hiểu Flexbox.

Lavalamp

Infinite Scroll là một giao diện phổ biến trên web kéo nội dung mới khi chúng tôi đến cuối trang. Lavalamp là một thư viện JavaScript, được đặt tên để thay thế Infinite Scroll. Kiểm tra bản demo.

Glio

Một JavaScript mà phát hiện con trỏ chuột khi nó là chuẩn bị rời khỏi khung nhìn mà có khả năng chỉ ra rằng người dùng sẽ thoát. Khi có, bạn có thể sử dụng nó để kích hoạt một chức năng để hiển thị một hình thức đăng ký hoặc một tin nhắn bật lên đơn giản để tăng tỷ lệ chuyển đổi của bạn.

Coleure

Khác công cụ chọn màu với giao diện người dùng thú vị. Bạn có thể kéo và thả màu để tạo bảng màu của riêng mình, làm cho cách tiếp cận trực quan và có tổ chức hơn để xây dựng bảng màu. Đăng ký để tạo một tài khoản để lưu bộ sưu tập của bạn.

CSSX

CSSX là một công cụ cho phép bạn viết CSS bằng JavaScript. Không có gì thay đổi mặc dù; Đó là cùng một cú pháp CSS riêng được gói trong một hàm JavaScript. Tôi thực sự chưa tìm ra làm thế nào tôi có thể tận dụng CSSX trong bất kỳ dự án nào của mình nhưng nó trông rất tuyệt và chắc chắn đáng được đề cập.