Oxyninja là gì?
Các công cụ mạnh mẽ dành cho các chuyên gia Oxygen Trao quyền cho bạn với các bộ thiết kế Oxygen do OxyNinja chế tạo và bắt đầu tiết kiệm thời gian ngay lập tức.
Tính năng chính của sản phẩm:
FE – Oxyninja Core + WooCore – $214
CORE
- Khung CSS CỐT LÕI
- Hơn 160 phần được thiết kế chuyên nghiệp
- Hỗ trợ, tài liệu và cheat sheet
WOO.CORE
- Khung CSS CỐT LÕI
- 17 Mẫu WooC Commerce đầy đủ
- Hỗ trợ, tài liệu và cheat sheet
Khung lõi
- OxyNinja Core là một khung CSS tương tự như Tailwind và UIkit. Về cơ bản, nó cung cấp cho bạn một loạt các lớp tiện ích được tạo sẵn để giúp bạn nhanh chóng xây dựng các thiết kế của riêng mình. Nếu bạn không biết các lớp tiện ích là gì, thì chúng là các lớp CSS thường làm một việc. Các lớp trong OxyNinja bao gồm những thứ như bố cục cột lưới CSS, phần đệm, lề, màu sắc, v.v.
- Phần yêu thích của tôi trong Core Framework là các lớp để tạo lưới CSS. Vì vậy, hãy tưởng tượng bạn muốn có một hàng gồm bốn cột. Thay vì sử dụng hệ thống cột flexbox của Oxygen, bạn có thể chỉ cần tạo một div để biểu thị hàng, sau đó thêm ba div bên trong để biểu thị các cột. Thêm lớp “c-columns-4” vào hàng div và ngay lập tức ba div bên trong của bạn sẽ trở thành các cột lưới CSS. Bạn muốn thêm một khoảng cách vừa phải giữa tất cả các cột? Thêm “c-cột-gap-m”. Sử dụng các lớp như thế này là một cách tuyệt vời để dễ dàng giữ cho thiết kế của bạn nhất quán, đây là một trong những khía cạnh quan trọng nhất của thiết kế tốt.
- Hãy đưa nó lên một bậc khác. Giả sử bạn muốn các cột của mình trở thành hàng gồm hai cột trên máy tính bảng và bạn muốn chúng trở thành hàng gồm một cột cho điện thoại. Thêm “c-columns-l-2” (cột lớn – 2) và “c-columns-s-1” (cột nhỏ – 1). Nó là dễ dàng. Đây là loại sức mạnh mà bạn có thể tận dụng khi sử dụng bất kỳ khung CSS chính nào, nhưng OxyNinja hiện là cách duy nhất để có được một khung tuyệt vời như thế này được nhập vào OxyGen một cách dễ dàng.
- Đối với bất kỳ ai quan tâm đến Core Framework, tôi thực sự khuyên bạn nên xem video này từ trang sản phẩm của họ. Đó là một ví dụ về việc bạn có thể kết hợp một thiết kế nhanh như thế nào bằng cách sử dụng các lớp tiện ích được cung cấp với OxyNinja và đó là thứ đã bán cho tôi về nó.
Phần dựng sẵn
Chỉ có rất nhiều điều để nói về các phần dựng sẵn, nhưng điều tôi có thể nói là chúng trông đẹp mắt, được xây dựng hiệu quả và dễ dàng sửa đổi.
Những thứ cơ bản
- Các thiết kế đều rất hấp dẫn và nhất quán. Tất cả chúng đều được xây dựng bằng cách sử dụng Khung lõi của OxyNinja, giúp chúng cực kỳ dễ sửa đổi chỉ bằng cách hoán đổi các lớp CSS. Ví dụ: biến phần này…thành phần này mà tôi đang sử dụng cho một dự án…chỉ mất vài phút bằng cách sử dụng các lớp Khung công tác lõi.
Nhập từ Demo trực tiếp
- Một tính năng thực sự thú vị của các phần dựng sẵn của OxyNinja là hệ thống nhập và demo trực tiếp độc đáo của chúng. Bạn có thể truy cập trang demo trực tiếp tại đây, sau đó nhấp vào nút sao chép khi xem trước bất kỳ phần nào, sau đó nhấp vào nút OxyNinja trong trình chỉnh sửa Oxygen của bạn và nó sẽ ngay lập tức thêm phần đó vào trang của bạn trong Oxygen Builder. Theo tôi, đây là một bản nâng cấp lớn so với hệ thống bộ thiết kế tích hợp (bạn vẫn có thể sử dụng hệ thống này nếu muốn). Thật khó để thực sự biết các phần trông như thế nào từ các ảnh chụp màn hình nhỏ trong giao diện người dùng của bộ thiết kế, vì vậy điều này giúp bạn dễ dàng chọn ra phần phù hợp cho công việc.
Thực đơn lớn
- Nếu bạn đã từng cố gắng tạo một menu lớn trong Oxygen, bạn sẽ biết rằng việc này hơi khó thực hiện. May mắn thay, OxyNinja đi kèm với một vài menu lớn dựng sẵn khác nhau mà bạn có thể nhập và dễ dàng tùy chỉnh cho các trang web của mình.
OxyNinja Core có đáng không?
- Không còn nghi ngờ gì nữa, đây là một trong những sản phẩm tốt nhất dành cho Oxygen Builder nếu bạn đang muốn xây dựng nhiều trang web trên quy mô lớn hoặc bắt tay vào một dự án lớn hơn. Đầu tiên, khung Core giúp bạn tiết kiệm hàng giờ đồng hồ. Thay vì phải nhập và tạo các lớp tiện ích theo cách thủ công, chúng đã có sẵn cho bạn, cung cấp cho bạn một ngôn ngữ thiết kế nhất quán mà sau đó bạn có thể áp dụng cho bất kỳ trang web nào bạn đang làm việc.
- Tính nhất quán đi kèm với khung tiện ích được xây dựng tốt này dẫn đến một trang web có giao diện chuyên nghiệp, ngay cả khi bạn không bỏ 10.000 đô la cho một nhà thiết kế.
- 160 phần tử mà khung Core cung cấp giúp tiết kiệm thời gian rất nhiều và sử dụng các phần tử Oxy tiêu chuẩn, nghĩa là bạn có thể dễ dàng tạo kiểu cho chúng để phù hợp với thương hiệu của mình (hoặc thậm chí để nguyên như vậy). Việc sử dụng và chèn các thành phần này dễ dàng nhất có thể, vì chúng sử dụng hệ thống Bộ thiết kế Oxygen gốc và được chèn từ trình chỉnh sửa mặt sau.
- Còn WooCore thì sao? Đây cũng là sự bổ sung hoàn hảo cho bất kỳ ai muốn tạo trải nghiệm Thương mại điện tử với WooC Commerce và Oxygen. Các mẫu khác nhau như trang tài khoản, sản phẩm đơn lẻ, kho lưu trữ, v.v. đều có giao diện chuyên nghiệp và có thể nhanh chóng được tạo kiểu để phù hợp với nguyên tắc thương hiệu của bạn trong trình chỉnh sửa.