Olive CSS: Framework CSS tiện ích viết bằng Lisp, thay thế mãn nhãn cho Tailwind

Olive CSS là một framework CSS utility-first (dựa trên các lớp tiện ích) mới lạ, được viết hoàn toàn bằng ngôn ngữ Lisp (cụ thể là Guile Scheme). Được thiết kế như một giải pháp thay thế trực tiếp cho Tailwind CSS, Olive CSS hướng tới sự minh bạch, dễ học và khuyến khích người dùng "hack" (can thiệp sâu vào mã nguồn) thay vì ẩn đi sự phức tạp phía sau các công cụ cứng nhắc.

Guile Scheme Logo

Điểm mạnh của việc sử dụng Lisp

Điểm đặc biệt nhất của Olive CSS nằm ở nền tảng kỹ thuật của nó. Thay vì sử dụng JavaScript hay các bộ tiền xử lý CSS truyền thống, tác giả đã chọn Guile Scheme để xây dựng framework này. Điều này mang lại sức mạnh biểu diễn tuyệt vời, cho phép người dùng bật hoặc tắt các tính năng, điều chỉnh kích thước, màu sắc và thêm các quy tắc tiện ích mới một cách linh hoạt thông qua các script.

Bạn có thể sử dụng Olive CSS trong bất kỳ dự án web nào, không nhất thiết phải là dự án viết bằng Scheme. Cú pháp của nó lấy cảm hứng từ Tailwind, nên các nhà phát triển đã quen thuộc với utility-first CSS sẽ dễ dàng làm quen ngay lập tức.

Tùy biến và tối ưu hóa hiệu suất

Olive CSS coi khả năng tùy biến là tính năng hạng nhất. Tuy nhiên, người dùng cần lưu ý đến kích thước của file khi triển khai (production). Phiên bản mặc định olive.min.css có dung lượng khá lớn vì nó chứa tất cả các lớp, biến thể và truy vấn phương tiện (media queries).

GNU Guix Logo

Để tối ưu hóa, dự án khuyến nghị tạo bản build riêng biệt. Bạn có thể vô hiệu hóa các điểm ngắt (breakpoints) không dùng đến như xl hoặc 2xl, giới hạn số lượng màu sắc, hoặc tắt chế độ tối (dark mode) để giảm thiểu độ phức tạp. Nhờ cú pháp parameterize mạnh mẽ của Scheme, việc ghi đè cấu hình trở nên cực kỳ đơn giản.

Ngoài ra, việc đảm bảo máy chủ web của bạn nén CSS bằng GZIP hoặc Brotli và cache hiệu quả các file tĩnh cũng là những bước quan trọng để tăng tốc độ tải trang.

Triết lý Phần mềm Tự do

Olive CSS không chỉ là một công cụ kỹ thuật mà còn là một dự án thể hiện rõ triết lý của Phần mềm Tự do (Free Software). Toàn bộ mã nguồn của dự án được cấp phép theo GNU Lesser General Public License v3 (hoặc mới hơn), trong khi tài liệu và hướng dẫn sử dụng tuân theo GNU Free Documentation License v1.3.

GNU LGPL v3+ License

Dự án này đặc biệt hấp dẫn với những ai đang tìm kiếm một sự thay thế hoàn toàn tự do (libre), có thể chỉnh sửa và minh bạch cho Tailwind. Nó khuyến khích việc học hỏi và thử nghiệm, xây dựng một cộng đồng tôn trọng, bình đẳng và hợp tác theo tinh thần của GNU Project.

Nếu bạn quan tâm đến việc kiểm soát hoàn toàn các công cụ phát triển giao diện của mình và muốn khám phá sức mạnh của Lisp trong frontend development, Olive CSS là một lựa chọn đáng để trải nghiệm.