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

Bối cảnh phát triển web đã được tiến triển với tốc độ ánh sáng trong năm nay. CSS3 đã được chấp nhận tốt và chúng tôi ít phụ thuộc vào polyfill vì các trình duyệt mới nhất thực sự tốt trong việc hỗ trợ tiêu chuẩn web mới nhất. Microsoft Edge được giới thiệu, Google đã phát hành hai nguồn mở cho Web: Material Design Lite và Polymer 2.0.

Vì vậy, hãy kết thúc một năm với một vài công cụ hữu ích cho các nhà phát triển web đồng nghiệp. Chúng tôi có một vài thư viện JavaScript cũng như các công cụ để hoạt động hiệu quả hơn với jQuery. Để tìm hiểu thêm, hãy xem toàn bộ tài nguyên cho loạt nhà phát triển web.

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

Notie.js

Notie.js là một hộp thoại, thông báo và hộp thoại JavaScript đẹp hơn. Thay vì sử dụng cảnh báo () chức năng cho thấy một sự buồn tẻ và hơi gây sốc hộp cảnh báo, bạn có thể thay thế nó bằng notie () chức năng từ thư viện để hiển thị một cảnh báo có thể phong cách. Dễ dàng kết hợp kiểu cảnh báo với thiết kế tổng thể của trang web của bạn với Notie.js.

Góc Github

Chỉ gần đây tôi mới nhận ra rằng góc Github, mà chúng ta thường thấy trên trang chủ của một dự án nguồn mở, đã 7 năm tuổi. Thời gian cho một sự đổi mới. Góc Github là một sáng kiến ​​cho một cái nhìn hiện đại và tươi mới hơn cho dải băng Github. Nó sử dụng SVG thay vì đồ họa bitmap cho phép nó duy trì sắc nét trong màn hình độ phân giải cao.

Chủ đề ngọt ngào (Slack)

Slack đã trở thành ứng dụng trò chuyện phổ biến nhất trong các doanh nghiệp nhỏ, công ty mới thành lập và với các nhà phát triển. So với các ứng dụng khác như Skype và Google Hangouts, Slack có thể tùy chỉnh theo nhiều cách bao gồm chủ đề của nó - sự xuất hiện và sắc thái của giao diện ứng dụng. Dưới đây là bộ sưu tập các chủ đề Slack sẵn sàng để cài đặt .

Cấu hình jQuery

jQuery là mô-đun, có nghĩa là chúng ta có thể loại bỏ các mô-đun không mong muốn ra khỏi nó để kích thước nhẹ hơn. Hướng dẫn trước đây của chúng tôi, Cách loại bỏ các mô-đun không cần thiết trong jQuery, cho thấy cách thực hiện với Homebrew, NPM, nhưng nó được thực hiện thông qua Terminal. Nếu không muốn sử dụng theo cách đó, bạn có thể sử dụng Cấu hình jQuery. Nó cũng làm như vậy chỉ với những cú nhấp chuột.

SummerNote

SummerNote là một thư viện JavaScript để tạo trình soạn thảo WYSIWYG. SummerNote được phát triển dựa trên các dự án nguồn mở nổi bật: jQuery, Bootstrap và Font Awesome. Triển khai SummerNote dễ dàng như triển khai bất kỳ thư viện JQuery nào khác và nó là thư viện thay thế hoàn hảo cho TinyMCE, đặc biệt nếu web của bạn cũng sử dụng Bootstrap làm nền tảng của nó.

BackstopJS

BackstopJS là một công cụ tuyệt vời để kiểm tra khả năng phản hồi của trang web, đây là một quá trình tẻ nhạt. Tóm lại, thư viện này làm cho nhiệm vụ kiểm tra một trang web trên nhiều kích thước màn hình trở nên liền mạch hơn rất nhiều bằng cách tự động hóa. Công cụ sẽ chụp ảnh màn hình của trang web và chú thích trang nào vượt qua và không kiểm tra dựa trên các thông số và kích thước màn hình được chỉ định. Nó giống như một công cụ Kiểm tra đơn vị để triển khai trang web đáp ứng.

SuitCSS

SuitCSS là một bản tóm tắt, bao gồm bộ xử lý CSS riêng của nó hỗ trợ cú pháp CSS trong tương lai như Thuộc tính tùy chỉnh và Truy vấn phương tiện tùy chỉnh, một số lớp tiện ích dựa trên phương pháp BEM để căn chỉnh, kích thước và các thành phần vị trí và rất nhiều mô-đun CSS để bắt đầu với việc phát triển một trang web được xây dựng tốt.

Trói buộc

Trói buộc là một ứng dụng OS X gốc cho phép bạn xây dựng các giao diện và bố cục web bằng GridStyleSheet, một thuật toán bố cục được phát triển bởi TheGrid. GSS cho phép bạn bố trí trang web hiệu quả. Ví dụ, trái với CSS, GSS cho phép căn chỉnh các thùng chứa phần tử của nó với một dòng mã.

Chống vi trùng

Chống vi trùng là thư viện JavaScript tải hình ảnh thông minh hơn. Với thư viện này, ngay cả dưới các kết nối Internet chậm, bạn có thể tải hình ảnh có kích thước nhỏ hơn trước trong khi hình ảnh lớn hơn vẫn đang tải trong nền. Sau khi tải đầy đủ, hình ảnh lớn hơn chiếm sân khấu trung tâm. Kỹ thuật này có thể đặt ra tốc độ tải nhanh hơn cho các trang web của bạn.

Mẹo jQuery bạn nên biết

Tiêu đề thú vị và nội dung thậm chí tuyệt vời hơn, đây là một tập hợp các mẹo jQuery mà chúng ta nên biết (một nửa trong số đó tôi ước tôi đã biết nhiều, sớm hơn nhiều). Hoàn toàn đáng để kiểm tra.