SVG icons in the admin bar and menu in WordPress 7.2

CSS-Tricks, Version 20

Things look a little different around here? I hope so because we just pushed a site redesign! Here's everything new with the 20th(!!) version of CSS-Tricks.

Taming Typography: Building a Modern CSS Reset

Stu created tidy-typography.css: a style reset for taming typography with modern CSS features for everything from fluid typography and vertical rhythm, to hyphens and variable fonts.

Flock: A Free, Native Herd Alternative for Laravel

Flock is a free, open source local dev app for Laravel that runs PHP, Node, databases, mail, and HTTPS natively on macOS, Windows, and Linux.

Pele – Mermaid diagrams as themeable SVG

Pele là một thư viện open source nhẹ giúp tạo các diagram Mermaid thành định dạng SVG. Thư viện này sử dụng CSS variables để cho phép tùy biến theme cho diagram, giúp lập trình viên có thể thay đổi màu sắc, kiểu dáng dễ dàng mà không cần chỉnh sửa trực tiếp code SVG. Với kích thước nhỏ nhẹ, Pele phù hợp cho các dự án cần hiển thị diagram nhưng cần tối ưu hiệu năng. Bạn có thể tích hợp Pele vào các dự án web hiện tại để tạo ra các diagram có thể tùy chỉnh theme linh hoạt thông qua CSS variables.

Pele cho phép lập trình viên tùy biến Mermaid diagrams bằng CSS variables, mang lại sự linh hoạt trong việc thiết kế giao diện.

Royally Goes Live: One AI Connection for Every WordPress Site You Manage

Royally, the cloud half of Royal MCP Pro, lets your AI agent manage changes across every WordPress site with approvals.

Edi Life OS: Self-Hosted Personal Dashboard with MCP

Edi Life OS là một nền tảng dashboard cá nhân tự host kết hợp thói quen, mục tiêu, Kanban và quản lý tài chính, tùy chọn thêm server Model Context Protocol. Nó được xây dựng bằng PHP và MySQL, chạy hoàn toàn trên server của người dùng. Giao diện đơn giản với các module chức năng được tùy biến linh hoạt. Người dùng có thể kết nối với các AI tools hỗ trợ qua MCP để tự động hóa quy trình cá nhân. Đây là lựa chọn phù hợp cho ai muốn kiểm soát dữ liệu cá nhân mà không phụ thuộc vào dịch vụ cloud.

Edi Life OS giúp bạn quản lý toàn bộ cuộc sống từ thói quen đến tài chính trong một hệ thống tự lưu trữ tiện lợi.

CSS-Tricks has a new owner!

CSS-Tricks vừa có chủ sở hữu mới sau 12 năm hoạt động. Người mới nhận trách nhiệm cảm thấy hơi choáng ngợp và lo lắng khi phải đảm nhận vai trò quan trọng này. Sự thay đổi này ảnh hưởng đến tương lai của một trong những tài liệu tham khảo CSS phổ biến nhất. Với lượng lớn bài viết và tài nguyên chất lượng cao, việc chuyển giao quyền quản đòi hỏi sự chuẩn bị kỹ lưỡng. Bài gốc cung cấp thêm thông tin về kế hoạch phát triển triển vọng của nền tảng dưới sự quản lý mới.

Lập trình viên nên đọc bài này để cập nhật về sự thay đổi quyền sở hữu trang CSS-Tricks và hiểu rõ những tác động tiềm năng đến cộng đồng phát triển web.

Introducing Motion UI Gallery

Motion UI Gallery là một thư viện UI cho React với 8 bố cục 2D và 3D, các chi tiết view và gesture chuyển tiếp mượt mà. Thư viện này giải quyết nhu cầu tạo giao động hình học phức tạp mà không cần code thủ công. Các hiệu ứng này giúp nâng cao trải nghiệm người dùng và tạo ra cảm giác ứng dụng hiện đại, sống động. Đối với lập trình viên, đây là giải pháp tiết kiệm thời gian triển khai animation chất lượng cao. Bạn sẽ tiết kiệm đáng kể thời gian phát triển so với việc tự implement các transition phức tạp từ đầu.

Motion UI Gallery cung cấp tám hiệu ứng 2D và 3D chuyển tiếp mượt mà giúp nâng cao trải nghiệm người dùng trong ứng dụng React của bạn.