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

Chúng tôi trở lại một lần nữa với một số tài nguyên cho các nhà phát triển web đồng nghiệp của chúng tôi. Trong phần này, bộ sưu tập khá đa dạng. Chúng tôi có trong danh sách một ứng dụng máy tính để bàn, một vài ứng dụng web, thư viện PHP và JavaScript tiện dụng và một vài plugin WordPress. 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ó.

Marp

Marp là một biên tập viên của tạo bài thuyết trình trong Markdown. Nó có hai bảng: Trình chỉnh sửa ở bên trái và Bản xem trước ở bên phải, nơi bạn có thể xem đầu ra slide trong thời gian thực. Nó có sẵn trong OS X, Windows và Linux. Đây là một giải pháp thay thế tuyệt vời cho một phần mềm cồng kềnh như PowerPoint.

LightGallery

Một JavaScript để hiển thị hộp đèn hình ảnh và bộ sưu tập. Các giao diện hộp đèn được trang bị một số nút, nơi bạn có thể phóng to, thu nhỏ, tải xuống hình ảnh và xoay toàn màn hình hình ảnh. Đây thực sự là một thư viện JavaScript gói tất cả trong một trong danh mục này.

Công cụ phát triển React

Công cụ phát triển React là một tiện ích mở rộng của Google Chrome cho phép chúng tôi giải mã Phản ứng thành phần kết xuất trên trình duyệt. Sau khi cài đặt, nó sẽ thêm một tab mới trong DevTools nơi bạn có thể kiểm tra thư mục gốc, phần tử và gỡ lỗi các thành phần React như bạn làm với HTML thông thường.

Nút chia sẻ

Nút chia sẻ là một chia sẻ nút tạo. Nó hiện hỗ trợ một số trang xã hội phổ biến như Facebook, Twitter và Pinterest. Đầu ra dỡ bỏ các bloats JavaScripts và sau đó có thể dễ dàng tùy chỉnh thông qua CSS.

Bánh quy

Bánh quy là một thư viện JavaScript thêm một hiệu ứng hấp dẫn cho văn bản. Thật khó cho tôi để đặt tên cho hiệu ứng loại này, nhưng nó chắc chắn trông rất tuyệt. Kiểm tra bản demo!

HyperTerm

HyperTerm là một trình giả lập thiết bị đầu cuối, một ứng dụng, được xây dựng dựa trên HTML, CSS và JavaScript. Nó là mô-đun nơi các nhà phát triển có thể đóng góp, giới thiệu các mô-đun thêm chức năng mới. Ứng dụng này hiện chỉ có sẵn cho macOS.

OverHang

OverHang.js là một plugin jQuery để hiển thị thông báo ngay lập tức. Các plugin có thể tùy chỉnh. Bạn có thể đặt tin nhắn văn bản trong thông báo, màu sắc và khoảng thời gian nó xuất hiện trước khi nó mờ dần.

Grafika

Grafika là một tập hợp các hàm PHP cho phép chúng ta thao tác hình ảnh. Chúng ta có thể áp dụng các bộ lọc hình ảnh như mờ và nâu đỏ. Chúng ta cũng có thể biến đổi hình ảnh như lật, xoay và thay đổi kích thước.

Kiểu chữ đơn giản

Kiểu chữ đơn giản là một thư viện Sass đặt lại kiểu chữ typography - chẳng hạn như kích thước phông chữ và chiều cao dòng. Đó là một thư viện nhỏ khác mà bạn có thể muốn sử dụng để làm cho văn bản trên trang web của bạn đẹp và có kích thước tương xứng.

Quản trị viên Jekyll

Jekyll là một trình tạo blog tĩnh. Đây là một plugin Jekyll chính thức có thêm trình soạn thảo GUI để viết bài đăng với Jekyll; điều này làm cho bài viết của tác giả với Jekyll trực quan hơn.

Anime.js

Anime.js là một thư viện JavaScript để thực hiện hoạt hình chất lỏng trên web. Nó áp dụng cho các phép biến đổi HTML, SVG, CSS thông thường. Tìm hướng dẫn đầy đủ để tận dụng tối đa và một số ví dụ đầy cảm hứng trong tài liệu.

Bưu điện

Bưu điện là một nền tảng PHP CMS được trang bị một số tính năng tiện dụng tích hợp. Chỉnh sửa mặt trước, sao lưu, trang, bài đăng, oEmbed, SEO, điều hướng là những thứ cần thiết giúp cho việc duy trì trang web dễ dàng.

Trình duyệt Logo

Một bộ sưu tập đầy đủ của tất cả các logo trình duyệt. Bạn có thể tìm thấy các biểu tượng cho các trình duyệt phổ biến như Chrome, Firefox và Internet Explorer bao gồm các biểu tượng của ứng dụng di động của họ. Bạn cũng có thể tìm thấy các trình duyệt ít phổ biến hơn mà bạn có thể chưa từng nghe trước đây, chẳng hạn như Blisk, Iridium và Orbitum.

wA11y

Một plugin WordPress để giúp chúng tôi cải thiện khả năng tiếp cận trên một trang web. Sau khi được kích hoạt, plugin sẽ đánh giá các trang web của chúng tôi bằng tota11y, cung cấp phản hồi cho các vi phạm ảnh hưởng đến khả năng truy cập và đề xuất các giải pháp để khắc phục.

Văn bản thay thế tự động

Một plugin WordPress đáng nói khác, giúp cải thiện khả năng truy cập trang web bằng cách thêm alt văn bản thành hình ảnh tải lên thông qua trình quản lý WordPress Media. Đã tạo “alt” văn bản được cung cấp bởi Microsoft Computer API.

Đa phạm vi

Một thư viện JavaScript, một polyfill, cho HTML 5.1 đa phạm vi đầu ra hiện vẫn còn được thực hiện kém trong các trình duyệt. Lea Verou đã chia sẻ câu chuyện của mình đằng sau thư viện này trong bài đăng gần đây của mình, Giới thiệu Multirange: Một polyfill nhỏ cho các thanh trượt hai tay cầm HTML5.1, rất đáng để đọc.

Thanh toán jQuery

Một plugin jQuery được phát triển bởi Stripe, một dịch vụ xử lý thanh toán. Plugin này làm cho phát triển một hình thức thẻ tín dụng ít kinh hoàng Nó hỗ trợ nhiều thẻ tín dụng bao gồm Visa, Master Card Amex, UnionPay và JCB.

Biên tập Trix

Trix là một Biên tập viên WYSIWYG mà chúng ta có thể sử dụng để sản xuất nội dung. Triển khai trix là nhanh chóng và dễ dàng mở rộng với chức năng mới để đáp ứng nhu cầu của bạn. Bạn có thể tìm thấy tất cả các hướng dẫn trong tài liệu khởi động và chạy Trix trên ứng dụng web của bạn.

Công thức

Công thức là một bộ sưu tập của PHP để chạy các chức năng tiện ích chung chẳng hạn như lấy hình ảnh Gravatar, tạo mã QR, chuyển đổi một mảng thành một đối tượng và nhiều hơn nữa.

PaperWorks

Một ghi chú được xây dựng dựa trên PHP và Angular có nghĩa là bạn có thể triển khai nó trong một máy chủ web. Đây có thể là một sự thay thế tốt cho một ứng dụng máy tính để bàn như Evernote hoặc OneNote, theo cách mà bạn có thể quản lý và tùy chỉnh hầu hết mọi thứ từ nó và lưu trữ dữ liệu của bạn một cách riêng tư trên máy chủ của riêng bạn.