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 10 năm 2018)

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

    Không giống như bất kỳ sự phát triển web công nghiệp khác đang thay đổi bởi những bước nhảy vọt. Có các công cụ, phương pháp và khung mới được phát triển gần như mỗi ngày để phục vụ cho xu hướng mới hơn và tiến bộ công nghệ trong ngành công nghiệp web.

    Vì vậy, đây là danh sách các công cụ và tài nguyên mới nhất bao gồm khung PHP để dễ dàng thực hiện Kiểm tra E2E cho ứng dụng PHP của bạn, một công cụ để tạo màu tuân theo các tiêu chuẩn Trợ năng của W3C và một số tiện ích mở rộng Vue.js. Hãy nhảy vào để xem danh sách đầy đủ.

    Ứng dụng Keyframes

    Một ứng dụng dựa trên web cung cấp một GUI đẹp để soạn thảo hoạt hình CSS và hình dung hoạt hình với một dòng thời gian. Ứng dụng cũng cho phép bạn tải xuống đầu ra CSS một khi bạn hài lòng. CSS keyframes không phải là thông số kỹ thuật dễ nhất trong CSS, do đó, có một ứng dụng như thế này chắc chắn sẽ là một trình tiết kiệm thời gian.

    Symfony Panther

    “Symfony Panther” là một khung PHP tuyệt vời từ Symfony để thực hiện kiểm tra E2E (End-to-end). Nó đi kèm với nó máy chủ web tích hợp và có thể tận dụng Chrome được cài đặt trong máy tính của bạn để thực hiện kiểm tra E2E.

    Hơn nữa, nó hỗ trợ Thực thi JavaScript, chụp ảnh màn hình, trình điều khiển Selen tùy chỉnh, Chrome và ứng dụng khách Firefox. Là một khung độc lập, bạn có thể đưa Panther vào bất kỳ dự án PHP nào, ví dụ như WordPress, Joomla, v.v..

    TrendPalettes

    Một bộ sưu tập các bảng màu đẹp. Bộ sưu tập cung cấp hàng ngàn bảng màu chọn tay. Người dùng có thể gửi một bảng màu mới, vì vậy luôn có những bảng màu mới được thêm vào mỗi ngày. TrendPalettes cũng có sẵn dưới dạng tiện ích mở rộng của Chrome.

    Eagle.js

    Eagle.js là một khung để tạo các slide được xây dựng trên Vue.js để bạn có thể dễ dàng sử dụng lại các thành phần Vue.js tùy chỉnh trong các slide. Slide cũng hỗ trợ điều hướng bàn phím và chuột, kiểu dáng tùy chỉnh hoặc theo chủ đề, các tiện ích tương tác và cung cấp bản tóm tắt để giúp thiết lập và trình bày slide nhanh chóng. Nó có thể là một tuyệt vời thay thế cho Reveal.js, đặc biệt là nếu bạn đã quen thuộc với Vue.js.

    Nho.js

    GrapeJS là một trình xây dựng web nguồn mở cho phép bạn xây dựng các trang web đơn giản bằng cách kéo và thả các thành phần. Nó cung cấp một số thành phần phổ biến như Text, Image, Vidoe, Cột, Map, Trích dẫn, v.v. Bạn có thể xuất nó thành HTML và CSS và đầu ra gọn gàng một cách đáng kinh ngạc, không giống như một số công cụ tương tự mà tôi đã thử trước đây. Kiểm tra bản demo.

    Vapid

    Vapid là một CMS mới được xây dựng với Node.js với cách tiếp cận thú vị và độc đáo. Hầu hết các CMS, giả sử bạn muốn bao gồm một loại dữ liệu mới, trước tiên sẽ yêu cầu xác định đầu vào tùy chỉnh trong khu vực Bảng điều khiển / Quản trị viên.

    Với Vapid, điều ngược lại là bạn có thể xác định mẫu và Vapid sẽ tự động tạo đầu vào trong khu vực Bảng điều khiển / Quản trị viên. Nó có sẵn dưới dạng gói NPM.

    Thông báo WP CLI

    Cái tên nói lên tất cả. Đó là gói WP-CLI tùy chỉnh để hiển thị thông báo hệ điều hành khi WP-CLI đã được thực thi xong. Khá lạ mắt.

    CSSGr.id

    Một ứng dụng dựa trên web để soạn CSS Grid. Bạn có thể định cấu hình số lượng mục, cột, khoảng cách giữa mỗi mục, cũng như từng khoảng mục và sau đó tạo mã HTML và CSS. CSS Grid là một trong những thông số kỹ thuật CSS không dễ hiểu. Nhưng công cụ này làm cho nó dễ dàng hơn nhiều để đối phó với nó.

    Gợi ý cuộn

    ScrollHint là một thư viện JavaScript cho phép bạn tạo một phần tử trên đầu trang để cho thấy rằng một phần trên trang web của bạn có thể cuộn được. Điều này đặc biệt hữu ích nếu bạn có thành phần cuộn ngang trên trang web của mình vì hầu hết mọi người không tự nhiên cuộn từ trái sang phải (hoặc ngược lại) khi sử dụng web.

    Nguyên sơ

    Một thư viện JavaScript để thêm xác nhận vào đầu vào. HTML5 đi kèm với một số xác thực loại đã có với “loại = email”, và “loại = số” ví dụ. Nhưng nếu bạn cần một trình xác nhận tùy chỉnh không được triển khai trong HTML5, thư viện JavaScript này sẽ có ích.

    Lựa chọnJS

    Hầu hết mọi người có thể đã quen thuộc về cách chọn nhiều thư mục hoặc tệp trong máy tính của họ; họ thường sẽ giữ chuột nhấp và kéo nó xung quanh các tệp hoặc thư mục họ muốn chọn. Nếu bạn muốn áp dụng cùng một UX trên trang web của mình, SelectionJS sẽ có ích.

    Webdash

    Webdash là một công cụ có thể hiển thị dự án của bạn vào giao diện GUI. Nó kết nối thông qua pack.json tập tin trong máy tính của bạn. Vì vậy, nó có thể hiển thị danh sách Gói NPM, cập nhật gói, tập lệnh đã đăng ký, chạy tập lệnh, và xem trước các tệp README ngay từ Webdash. Khá tuyệt vời!

    CanJS

    Một khung JavaScript để xây dựng giao diện web. Nó tương tự như React.js với một số tính năng bổ sung và đi kèm với bộ định tuyến, tiện ích DOM và chức năng AJAX ngay lập tức. Nó cũng có một hỗ trợ cộng đồng khá tích cực cung cấp một số tiện ích mở rộng.

    CheerioJS

    Một thư viện JavaScript triển khai đặc tả jQuery Core cho DOM (Mô hình đối tượng tài liệu) và được thiết kế để sử dụng ở phía máy chủ. Nếu bạn làm việc với Node.js đồng thời tận hưởng cú pháp jQuery như addClass (), attr (), và tìm thấy(), đây là JavaScript bạn đang tìm kiếm.

    Hộp màu

    Colorbox là sáng kiến ​​của Lyft để tạo ra một bố cục màu tuân thủ tiêu chuẩn Accessiblity màu. Công cụ này được cung cấp với một thuật toán thông minh cho phép bạn chỉ cần đơn giản di chuyển xung quanh núm, thay đổi cấu hình, và nó sẽ tạo ra màu sắc thích hợp cho bạn. Nó chỉ là tuyệt vời.

    Các thuộc tính được gõ trong PHP 7.4

    PHP7.3 chỉ ở một góc, như chúng ta đã đề cập trong phần trước. Nhưng PHP7.4 đã có trong Kế hoạch. Một trong những kế hoạch là Typed bất động sản. Điều này có nghĩa là bạn sẽ sớm có thể viết một cái gì đó như công khai int $ id; trong lớp PHP của bạn. Đó là một thay đổi lớn có thể giúp giảm đáng kể các lỗi ứng dụng PHP của bạn.

    Stent

    Trình biên dịch JavaScript giúp dễ dàng tạo các Thành phần Web với tiêu chuẩn mới nhất. Trên hết, MacintoshJS cũng đang thêm một số phương pháp phát triển web hiện đại vào hỗn hợp bao gồm Hỗ trợ, phản ứng, bộ định tuyến và quản lý nhà nước của JSX sử dụng plugin.

    Tải vô hạn Vue

    Một phần mở rộng Vue để tạo một trang cuộn vô hạn. Nó thân thiện với thiết bị di động và tương thích với mọi yếu tố có thể cuộn. Nó cũng hỗ trợ hai hướng cuộn và tốt nhất là tiết kiệm rất nhiều thời gian.

    V Clipboard

    Một tiện ích mở rộng Vue.js tùy chỉnh khiến nó trở nên như vậy dễ dàng để tạo ra một “Sao chép” nút. Bạn chỉ có thể thêm một v-clipboard thuộc tính cho một nút và bạn đã hoàn tất. Tiện ích mở rộng Vue.js này hoạt động cho mọi trình duyệt hiện đại cũng như IE11 và mới nhất.

    Chọn Vue

    Một thành phần Vue.js cung cấp chức năng tương tự với Chọn2. Nó được thiết kế cho Vue.js mà nó cho phép tương thích với Vuex, tùy chỉnh khuôn mẫu, và một loạt các lòng tốt khác của Vue.js.