Trang chủ » Thiết kế web » Tài nguyên mới cho các nhà thiết kế và phát triển web (tháng 2 năm 2018)

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

    Đã bao trùm loạt bài này trong nhiều năm, tôi đã chứng kiến ​​các công cụ đến và đi. Một vài công cụ mới được phát hành gần như mỗi tuần. Tuy nhiên, trong vài tuần qua tôi nghĩ rằng nó bị chậm lại một chút, tôi mất nhiều thời gian hơn bình thường để đào xuống Github và các nguồn khác để tìm công cụ mới đó là miễn phí, mã nguồn mở và đáng được đề cập trong loạt bài này.

    Trong bài viết hôm nay tôi có một hỗn hợp các công cụ từ khung JavaScript, Công cụ kiểm tra và một số để phát triển các trang web WordPress. Hãy kiểm tra chúng.

    Kutt

    An ứng dụng rút ngắn URL với tên miền của riêng bạn. Nó được xây dựng trên các ngăn xếp hiện đại hàng đầu như Node.js, React và Redux với một số ít các tính năng được tích hợp bao gồm URL bảo vệ mật khẩu, API RESTful, và thống kê chi tiết ưa thích để theo dõi URL của bạn. Điều tốt nhất là nó miễn phí và bạn có thể lưu trữ nó trên máy chủ của riêng bạn.

    Lời nói

    WordHat là một công cụ tích hợp Behat với WordPress. Behat là một khung phát triển dựa trên hành vi (BDD) nguồn mở cho PHP nơi bạn có thể kiểm tra ứng dụng PHP của mình theo những cách biểu cảm hơn.

    Bạn sẽ thấy công cụ này cực kỳ hữu ích vì chủ đề và plugin WordPress của bạn trở nên phức tạp hơn với các tính năng; WordHat và Behat sẽ đảm bảo rằng chủ đề hoặc plugin của bạn hoạt động như mong đợi khi người dùng tương tác với nó.

    Trình duyệt WP

    Tương tự như WordHat, WP-Browser là một phần mở rộng của Codecellect được thiết kế riêng cho các ứng dụng, chủ đề và plugin WordPress. Mật mã là một công cụ để thực hiện thử nghiệm trên ứng dụng của bạn, tương tự như PHPUnit và Behat, nhưng nó đi kèm với nhiều hơn nữa. Trong đó, bạn có thể làm Kiểm tra trình duyệt, BDD, Kiểm tra tích hợp đơn vị và kiểm tra API.

    Quốc tế hóa Node WP

    Tên nói cho chính nó. Đây là mô-đun NodeJS để tự động hóa nhiều thứ để quốc tế hóa các chủ đề hoặc plugin của bạn. Cài đặt mô-đun và loại kiếm tiền wpi18n để tạo tệp POT ngoài văn bản có thể dịch trong các plugin hoặc chủ đề WordPress của bạn.

    Cảm ơn

    Một mô-đun NodeJS khác đang thịnh hành trên Github gần đây. “Cảm ơn” sẽ tạo danh sách các nhà bảo trì các gói được sử dụng trong dự án nguồn mở của bạn và liên kết nó với đóng góp của họ hoặc trang OpenCollective như một dấu hiệu của lòng biết ơn về sự đóng góp của họ cho cộng đồng.

    Tạo khối Guten

    Gutenberg được nghe và sẽ được vận chuyển với WordPress 5.0. Đây là Mô-đun NPM để tạo bản tóm tắt phát triển khối Gutenberg với ngăn xếp hiện đại như React, Webpack, Babel và Sass. Đơn giản chỉ cần chạy dòng lệnh ,tạo khối, và bạn đã sẵn sàng.

    WP Vue

    WP Vue là một mẫu được xây dựng với Vue để hiển thị các bài đăng WordPress. Mẫu này là một điểm khởi đầu tuyệt vời nếu bạn muốn tạo trang web WordPress của mình không đầu. Xem cách nó hoạt động trong trang demo. Thay đổi URL của điểm cuối của URL WP-API từ bất kỳ trang web WordPress nào; nó sẽ tự động đăng lại các bài đăng với những bài đăng từ URL điểm cuối mới.

    Kích thích kinh tế

    Một khung JavaScript mới từ Basecamp. Không giống như React hay Vue, nó không bắt buộc bạn phải viết toàn bộ ứng dụng của mình bằng JavaScript hoặc thêm các thuộc tính tổng hợp.

    StimulusJS hoạt động trong một HTML đơn giản mà chúng ta đã biết với dữ liệu- thuộc tính. Nó cũng không yêu cầu một cấu hình xây dựng phức tạp. Bạn có thể chỉ cần thêm tập lệnh trên trang web giống như bạn đã làm với jQuery và đó là - bắt đầu viết kịch bản làm cho ứng dụng của bạn sống động.

    Manta

    Một ứng dụng miễn phí để tạo và quản lý hóa đơn. Bạn có thể thêm ghi chú, đặt tiền, áp dụng giảm giá, thêm danh sách khách hàng hoặc khách hàng, thêm logo của bạn, thiết kế mẫu hóa đơn và tải xuống ở định dạng PDF. Nó có sẵn cho macOS, Windows và Linux. Nếu bạn là một người làm việc tự do, đây có thể là hóa đơn mà bạn đang tìm kiếm để điều hành doanh nghiệp tự do của mình.

    Phản ứng tĩnh

    Đúng như tên gọi, đây là một công cụ cho phép bạn tạo một trang web tĩnh bằng React. Nó đi kèm với tất cả các công cụ được cấu hình sẵn, vì vậy bạn có thể bắt đầu sản xuất nội dung cho web. Và là một trang web tĩnh, bạn có thể lưu trữ trang web ngay cả trong một lưu trữ được chia sẻ với tài nguyên thấp.

    Danh sách

    Gullist là một WordPress phát triển cho phép bạn xây dựng một thiết lập trang web phức tạp với WordPress với ít mã hơn. Nó đi kèm với một tập hợp các hàm trợ giúp và Móc để mở rộng gần như mọi phần trong WordPress như trang Cài đặt, trường tùy chỉnh, thông báo quản trị viên, shortcode, widget, phân loại, người dùng, và nhiều hơn nữa.

    Dây đeo

    Một khung CMS nội dung để xây dựng API nội dung. Nó cho phép bạn thiết kế cấu trúc nội dung của riêng bạn và API cũng như cung cấp bảng Quản trị đẹp để quản lý chúng. Tuy nhiên, nó không cung cấp hệ thống tạo khuôn mẫu tích hợp. Nó đề nghị bạn chọn bất kỳ thư viện đầu cuối nào theo sở thích của bạn chẳng hạn như React hoặc Vue.

    Bưu kiện

    ParcelJS là một giống như Webpack và Browserify, ngoại trừ tốc độ nhanh hơn và không cần cấu hình. Nó hỗ trợ gói phát triển chung cho HTML, JS, CSS và biến áp chẳng hạn như PostCSS và Babel ngoài xbox. Vì vậy, bạn chỉ có thể tập trung vào mã của mình thay vì lãng phí thời gian vào cấu hình.

    GoodShare

    Một thư viện JavaScript để hiển thị nút Social Media với số lượt chia sẻ cho một vài phương tiện truyền thông xã hội. Nó hỗ trợ nhiều phương tiện truyền thông xã hội bao gồm cả những phương tiện mà bạn chưa từng nghe đến như Vkontakte, Odnoklassniki, SurfingBird, cũng là một vài nền tảng ảo thuật như Skype, WhatsApp và LINE. GoodShare cũng có sẵn như là một thành phần Vue.

    CopyChar

    Một trang web cho phép bạn tìm và sao chép các ký tự đặc biệt vào clipboard của bạn. Chữ cái, Dấu chấm câu, Toán, Mũi tên và Biểu tượng cảm xúc là một số ký tự có trên trang web. Đơn giản nhấp hoặc nhấn vào một ký tự để sao chép ký tự vào clipboard của bạn.

    Thần kinh

    Thần kinh là một thư viện VirtualDOM phản ứng; một thay thế cho ReactJS. Nó mang cú pháp JSX quen thuộc của React nhưng có một vài điểm khác biệt đáng chú ý. Thần kinh hỗ trợ Internet Explorer 8! và nó chỉ bằng một phần ba kích thước React. Vẫn, Nerv tương thích với các phần bổ trợ React, những phần phức tạp nhất.

    HyperappJS

    Một thư viện JavaScript khác đáng để xem xét để xây dựng ứng dụng web. Nó kết hợp quản lý nhà nước với công cụ DOM ảo hỗ trợ tất cả các cập nhật có khóa và các sự kiện trong vòng đời mà không phụ thuộc.

    VulcanJS

    Vulcan là một chồng công cụ để xây dựng một ứng dụng web hiện đại. Nó được đóng gói với React, GraphQL và Meteor được xác định trước. Vì nó là một khung công tác đầy đủ cung cấp một loạt các thành phần của trình trợ giúp tinh chỉnh cho back-end và front-end, mọi thứ chỉ là công việc vượt trội. Do đó, bạn có thể tải ứng dụng của mình lên và chạy một cách nhanh chóng.

    Koa11y

    Một ứng dụng máy tính để bàn cho Windows, macOS và Linux để kiểm tra các vấn đề về khả năng truy cập trên trang web. Koa11y sẽ cung cấp các thông báo và cảnh báo cho dù trang web của bạn vi phạm các tiêu chuẩn Trợ năng.

    Đây phải là một công cụ trong mọi hộp công cụ của nhà phát triển web. Hãy thử điều hướng các trang web chỉ bằng cách sử dụng bàn phím của bạn trong một ngày để hiểu tầm quan trọng của Khả năng truy cập.

    TablePlus

    Một cách thực sự ứng dụng GUI đẹp mắt để quản lý cơ sở dữ liệu. TablePlus hỗ trợ nhiều loại công cụ cơ sở dữ liệu bao gồm (tất nhiên) MySQL, SQLite, Redis, Postgres, MS SQL, và nhiều hơn nữa. TablePlus có sẵn cho macOS và Windows.