Tài nguyên mới cho các nhà thiết kế và phát triển web (tháng 7 năm 2018)
Tháng 7 là tháng mang lại nhiều mùa hè và vì vậy, trong tháng này, chúng tôi có một số công cụ mới nóng hổi từ một số nhà phát triển mới cũng như người mới.
Danh sách này có một sự kết hợp khá thú vị của các công cụ từ thư viện Phác thảo bởi cộng đồng WordPress sẽ cho phép bạn tạo nguyên mẫu giao diện WordPress, một số ít các công cụ mở rộng React.js và Vue.js, và một vài tài liệu tham khảo để nâng cao kỹ năng phát triển của bạn. Hãy kiểm tra chúng.
WPRIG
Một chủ đề WordPress khởi đầu tất cả trong một được tạo bởi Morten Rand-Hendriksenand được trang bị xây dựng quy trình đặt trước bằng các công cụ hiện đại như tích hợp Gulp, Babel, ESLint và Visual Studio Code. Nó sẽ giúp bạn tạo ra một chủ đề WP tuyệt vời mà không gặp rắc rối khi định cấu hình các công cụ phát triển xung quanh.
VueNative
Khung dựa trên Vue.js để xây dựng một ứng dụng di động đa nền tảng cho phép bạn viết mã với đặc tả Vue.js. Công cụ sẽ biên dịch nó vào React Native và làm công việc kỳ diệu cho bạn đằng sau hậu trường với vue-bản địa
CLI. Nếu bạn đã quen thuộc với Vue.js, đây có thể là một khung phù hợp để xây dựng một ứng dụng di động.
Phác thảo
Mọi người ở 10up vừa phát hành SketchPress, một Mẫu phác thảo để nhanh chóng tạo các mô hình và thiết kế giao diện quản trị viên WordPress. Nó được đóng gói với giao diện người dùng quản trị phổ biến như Nút chính, Thanh menu, Dashicons, Metabox, v.v..
Bác sĩ
Tài liệu là một trình tạo tài liệu dựa trên MDX đã được đặc trưng trong vòng cuối cùng của loạt bài này. Công cụ này sẽ cho phép bạn nhập và bao gồm một công cụ tùy chỉnh JSX vào hỗn hợp với cú pháp Markdown, giống như viết một tài liệu JSX.
Animista
CSS Animation mang web đến với cuộc sống. Tuy nhiên, không phải lúc nào cũng dễ dàng soạn CSS Animation khi xem xét các tiền tố của trình duyệt về tính tương thích, tham số và khung thời gian hoạt hình. Animasta làm cho công cụ này dễ dàng hơn bằng cách tạo mã cho bạn. Bạn có thể cấu hình hoạt hình trong giao diện thân thiện với người dùng từ đó bạn có thể sao chép mã.
GridToFlex
Một vài ví dụ về bố cục web phổ biến được xây dựng bằng Lưới CSS gốc và sử dụng Flexbox làm dự phòng cho trình duyệt chưa hỗ trợ. Kiểm tra bài viết của chúng tôi: Giới thiệu Mô-đun Bố cục Lưới CSS.
Tỷ lệ
Một công cụ tốt để tạo một hộp với CSS với tỷ lệ xác định, ví dụ, 1: 1
, 3: 4
, v.v ... Công cụ sẽ tạo mã ở định dạng SCSS để sao chép.
Làm thế nào để vẽ biểu đồ
GraphQL là một thay thế cho cấu trúc dữ liệu REST và Làm thế nào để GraphQL là một tài nguyên toàn diện để học nó. Nó hiệu quả hơn nhiều so với REST vì nó sẽ chỉ kéo dữ liệu được yêu cầu giảm lượng tải và truyền dữ liệu.
Lịch sử mẫu
Một plugin WordPress đơn giản để hiển thị lịch sử hoạt động được thực hiện trong bảng điều khiển WordPress. Nó hỗ trợ hoạt động gốc của WordPress như khi người dùng tạo bài đăng và trang, đăng nhập và kích hoạt hoặc hủy kích hoạt các plugin khác. Nó cũng có thể theo dõi hoạt động của các plugin khác bao gồm Trường tùy chỉnh nâng cao (ACF) và Chuyển đổi người dùng. Đây là một plugin tuyệt vời để theo dõi hoạt động nội bộ trang web của bạn.
Chuyển khoản
nó là một tiện ích tiện dụng để chia sẻ tập tin thông qua lệnh Shell. Bạn có thể tải lên bất kỳ loại tệp nào trong tối đa 10 Gb. Nó cũng hỗ trợ mã hóa tập tin. Và tôi đã đề cập rằng nó hoàn toàn miễn phí?
Sonar FB
Một công cụ để gỡ lỗi các ứng dụng di động cho iOS và Android. Ứng dụng này được trang bị một số công cụ cho kinh nghiệm gỡ lỗi thuận tiện chẳng hạn như trình xem nhật ký, trình kiểm tra bố cục tương tác và trình kiểm tra mạng. Nếu điều đó là không đủ, bạn có thể tạo một plugin để mở rộng ứng dụng với chức năng bạn cần.
Mã số
Ứng dụng này được đóng gói với một loạt các công cụ để cung cấp một cách tốt hơn để tổ chức các dự án của bạn. Bạn có thể tạo một nhóm, tạo một dự án mới bằng cách sử dụng một số dự án phổ biến như React, Vue và Angular, cài đặt một phụ thuộc dự án, chạy máy chủ Node.js và nhiều hơn nữa. Một ứng dụng tuyệt vời cho những người quản lý hàng tá dự án.
BrainMonkey
Một tiện ích thử nghiệm đơn vị PHP được thiết kế với một số công cụ cụ thể cho WordPress. Nó cung cấp các công cụ cho phép chế nhạo Các hàm PHP. Nó cũng cung cấp một bộ công cụ sẵn có để đối phó với một số chức năng của WordPress như add_action
remove_action
kể tên một vài cái khôn lanh
để kiểm tra.
Fractal
Fractal đã được thiết kế để trở thành một công cụ tài liệu trung tâm cho các nhà phát triển trong một nhóm để tham khảo khi có nhu cầu tích hợp một thành phần vào dự án. Nó cho phép bạn tích hợp đoạn mã, hiển thị xem trước, tài liệu, ghi chú, vv của từng thành phần.
Ant Design Pro
“Thiết kế chống” là một trong những khung UI phổ biến dựa trên React.js và đây là khung công tác UI “Chuyên nghiệp” phiên bản được thiết kế cho ứng dụng doanh nghiệp. Nó bao gồm một số thành phần bổ sung không có trong gói chung AntDesign như AvatarList, HeaderSearch và TagSelect.
Khung cũng có các công cụ phát triển tích hợp như công cụ Build, Test Suite và Deployment để bạn có thể làm việc với mã của mình ngay lập tức thay vì lãng phí thời gian vào cấu hình dòng công việc.
LuminJS
Một siêu nhỏ Thư viện JavaScript để làm nổi bật văn bản trên trang web của bạn. Nó hoạt động trơn tru với cấu trúc DOM phức tạp và có thể lập trình ở chỗ bạn có thể đặt tốc độ, kiểu dáng và hình ảnh động.
Nhắc
Một tiện dụng Gói NPM để xây dựng CLI tương tác bằng Node.js. Nó hỗ trợ lời nhắc cơ bản, nhiều lựa chọn, lời nhắc động và nhiều loại đầu vào như mật khẩu, văn bản, số và email, v.v..
Nhận thức
Một plugin WordPress thú vị cải thiện tìm kiếm Thư viện phương tiện WordPress bằng cách phân loại hình ảnh bằng Google Cloud Vision API. Ví dụ: nếu bạn đã tải lên một “chim” hình ảnh, bạn có thể tìm kiếm hình ảnh bằng cách sử dụng từ khóa “chim” liệu từ khóa có được bao gồm trong tên hình ảnh, tên tệp hoặc dữ liệu meta hay không.
DevTube
Một bộ sưu tập của video, được lấy từ Youtube, của một số hội nghị dành cho nhà phát triển như JSConf, Google TechTalk và O'Reilly. Bây giờ hãy lấy bỏng ngô của bạn và tăng cấp kỹ năng Dev của bạn.
Phản ứng
Lập trình phản ứng đang gia tăng; một mô hình mới trong lập trình, đặc biệt là trên web, nơi luồng dữ liệu dồi dào và liên tục chảy mỗi mili giây. Tài nguyên này là một sáng kiến từ Cèdric Soulas đến dạy cho bạn các nguyên tắc của phản ứng lập trình.