Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 7 năm 2017)
Thời gian trôi nhanh và chúng tôi hiện đang ở giữa năm 2017. Trong đợt phát hành tháng này, chúng tôi có một loạt các thư viện JavaScript tuyệt vời và một số khác như plugin để kích hoạt GraphQL trong WordPress, một ứng dụng máy tính để bàn để hiển thị dữ liệu CSV và một vài trang web khuôn khổ. Hãy kiểm tra chúng.
HeroPotypes
Một bộ sưu tập của mô hình lặp lại được thực hiện với SVG mà bạn có thể sử dụng làm nền trong trang web của bạn. Trang web được trang bị một thiết lập tiện dụng để tùy chỉnh màu sắc và độ mờ đục của mẫu và cho phép bạn chỉ cần sao chép và dán mã để thêm vào CSS của mình.
TestCafe
TestCafe là một công cụ kiểm tra end-to-end (e2e) cho phép bạn kiểm tra các trang web và ứng dụng web của mình như thể nó đang được sử dụng bởi người dùng thực. Nó sẽ tự động hóa một số thứ khi thực hiện kiểm tra bao gồm khởi động trình duyệt, chạy đơn vị kiểm tra được chỉ định, tạo báo cáo, ảnh chụp màn hình cũng như sourcemap để khắc phục lỗi dễ dàng.
SugarJS
SugarJS là một thư viện JavaScript để thao túng đối tượng, mảng và ngày với một cú pháp đẹp hơn và dễ đọc hơn. Thư viện cũng đi kèm với một số chức năng tiện ích, ví dụ, .thoátHTML () cái nào sẽ chuyển đổi các phần tử HTML thành định dạng Thực thể của chúng.
CÔ
Một thư viện JavaScript tiện dụng để biến thời gian, số lượng và chuỗi thông thường thành mili giây. ms ('2 ngày'), ví dụ: sẽ được chuyển đổi thành 172800000.
pa11y
Một bộ sưu tập lớn các công cụ để giúp đỡ cải thiện khả năng truy cập trên trang web của bạn và các ứng dụng web. pa11y bao gồm CLI để kiểm tra bất kỳ trang web nào cho bất kỳ vấn đề truy cập nào, a Bảng điều khiển để hiển thị các báo cáo được tạo ra về lỗi và cảnh báo, và CLI được thiết kế riêng cho công cụ CI như Codeship hoặc Travis.
Biểu tượng Feather
Một bộ sưu tập các biểu tượng với sự rung cảm hiện đại. Các biểu tượng này phù hợp hoàn hảo cho trang web và ứng dụng được thiết kế cho mọi nền tảng (iOS, Windows hoặc Ubuntu). Các biểu tượng đi vào SVG cũng như trong các thành phần React và Angular.
Chuyến bay phản ứng
Một mô-đun React để xây dựng thành phần hoạt hình trong ứng dụng của bạn. Thư viện được lấy cảm hứng từ Nguyên tắc cho Phác thảo, trong đó bạn có thể thêm tương tác cho một thành phần UI nhanh chóng và dễ dàng.
BounceJS
Một thư viện để tạo hiệu ứng động với hiệu ứng nảy. Hoạt hình được cung cấp bởi CSS3 và một số hình ảnh động cài sẵn. Bạn có thể cài đặt thư viện JavaScript thông qua npm, bower hoặc chỉ cần sao chép hoạt hình CSS được tạo trong trang web.
Bojler
Bojler là một khung email với hướng dẫn viết mã HTML Điều đó sẽ hiển thị đúng trên hầu hết các ứng dụng email phổ biến. Bạn có thể tìm thấy nhiều khung email hơn trong bài viết trước của chúng tôi.
Devicon
Một bộ sưu tập của biểu tượng của ngôn ngữ lập trình, thiết kế và công cụ phát triển. Các biểu tượng có sẵn ở định dạng SVG và Phông chữ. Một số đặc biệt các biểu tượng như Firefox, AWS và HTML5 cũng đi kèm với các biến thể chi tiết của chúng. Khá tuyệt phải không?
Bây giờ UI Kit
Một bộ sưu tập giao diện đáp ứng dựa trên Bootstrap 4. Nó tính năng 50 yếu tố và 3 mẫu tùy chỉnh. Ngoài phiên bản HTML, UI cũng được cung cấp ở định dạng PSD và Phác thảo.
Cuộn chữ
T-Scroll là một Thư viện JavaScript để áp dụng hình ảnh động khi một phần tử được hiển thị trong khung nhìn. Nó được trang bị một số tùy chọn và hình ảnh động cài sẵn.
Biên tập viên Ory
ORY là một trình soạn thảo web hiện đại và dễ tiếp cận hơn trên web. Trình chỉnh sửa ORY là được xây dựng trên đỉnh React và Flux. Nó giúp chỉnh sửa dễ dàng bằng cách cho phép người dùng chỉnh sửa nội dung và xem kết quả ngay lập tức mà không cần phải biết các cú pháp đặc biệt như HTML hoặc Markdown.
TadViewer
TadViewer là một tiện dụng ứng dụng máy tính để bàn để xem CSV và nó hoạt động trên dữ liệu lớn và các tập tin. Ứng dụng này có sẵn trên macOS, Windows và Linux.
Polyfill cuộn mượt mà
Smooth Scrolling đã được chứng minh là phục vụ trải nghiệm người dùng hài lòng hơn. Nó hiện đang được đề xuất và soạn thảo chính thức trong W3C. Hiện tại, nó chỉ hoạt động trong Chrome, Firefox và Opera. Sử dụng thư viện này để mô phỏng hành vi cuộn mượt mà trong Internet Explorer và Safari.
Không cảm ơn
Thư viện JavaScript để hiển thị thông báo, Noty giúp dễ dàng hiển thị Alart, Thành công, Lỗi, Cảnh báo, Thông tin hoặc thông báo hộp thoại. Nó có thể được sử dụng cùng với một thư viện hoạt hình như mo.js và ounce.js để làm cho các thông báo trượt vào và ra một cách duyên dáng.
HopScotch
Nhảy lò cò là một dự án nguồn mở được khởi tạo bởi LinkedIn. Đó là một khuôn khổ để giúp các nhà phát triển dễ dàng thêm các chuyến tham quan sản phẩm. Kiểm tra bản demo cho một ví dụ trực tiếp và API.
Khảo sátJS
SurveyJS là một thư viện JavaScript tuyệt vời khác. Như tên của nó, nó là được thiết kế để tạo đầu vào khảo sát. Nó có các loại đầu vào khác nhau để điền vào các câu trả lời khảo sát và cũng đã được chuyển đến một số khung JavaScript phổ biến bao gồm AngularJS, VueJS và React.
Biểu đồ WP
GraphQL đang gia tăng và có thể là một ứng cử viên mạnh mẽ để thay thế kiến trúc REST có sức mạnh gần như tất cả các API web. Đây là một plugin sẽ cho phép bạn lấy lại nội dung WordPress của bạn bằng GraphQL. Đây là một tài liệu tham khảo tuyệt vời về cách REST và GraphQL khác nhau.
Biên tập viên Monaco
Biên tập viên Monaco là biên tập viên quyền hạn Trình soạn thảo mã hình ảnh. Nó được Microsoft xây dựng và hỗ trợ một số ngôn ngữ ngoài hộp bao gồm HTML, CSS, LESS, CoffeeScript và PHP cùng với Intellisense giúp bạn viết mã nhanh hơn.
