Bài viết này giúp bạn tạo các thành phần UI thường thấy trong blog kỹ thuật: tag, tooltip, callout box (Chú ý, Cảnh báo, Mẹo…) – gọn nhẹ, đẹp, không cần JS.
Ở các blog CMS như WordPress, bạn dễ dàng hiển thị bài trước/sau. Nhưng nếu viết bằng HTML thuần thì sao? Tin vui là bạn vẫn có thể làm được – chỉ cần chút kỷ...
Với những bài viết dài, TOC (table of contents – mục lục) giúp người đọc điều hướng dễ hơn. Trong blog tĩnh HTML/CSS, bạn hoàn toàn có thể thêm TOC cố định chỉ bằng HTML...
Blog đẹp cỡ nào mà đọc trên điện thoại vẫn bị vỡ layout thì cũng hỏng. Responsive là yếu tố cơ bản nhất để blog bạn trông chuyên nghiệp – trên mọi thiết bị. Tin...
Dark Mode không chỉ là xu hướng – nó còn giúp giảm mỏi mắt, tiết kiệm pin và cải thiện UX tổng thể. Tin vui là bạn hoàn toàn có thể thêm Dark Mode cho...
Không cần dùng WordPress, không cần framework nặng. Bạn hoàn toàn có thể tự tạo một blog tĩnh bằng HTML/CSS từ đầu – sạch, nhẹ, không ràng buộc. Dưới đây là hướng dẫn tạo boilerplate...
Init Live Search cung cấp nhiều tuỳ chọn linh hoạt để bạn điều chỉnh giao diện tìm kiếm sao cho phù hợp nhất với website của mình. Bạn có thể chọn ngay một trong các...
Init FX Engine giúp trang WordPress trở nên sinh động hơn với các hiệu ứng như pháo hoa, emoji rơi, tuyết rơi, màn hình loading... được kích hoạt tự động qua từ khóa trong bình...
Ngoài những pseudo-class phổ biến như :hover, :focus, CSS còn cung cấp hàng loạt pseudo-class nâng cao rất mạnh mẽ, giúp kiểm soát trạng thái phần tử theo cách linh hoạt hơn – thậm chí...
GSAP (GreenSock Animation Platform) là một thư viện JavaScript mạnh mẽ giúp bạn tạo các hiệu ứng động siêu mượt, chuyên nghiệp và tương thích cao trên mọi trình duyệt. Đây là công cụ được...
CSS ngày càng mạnh mẽ, không chỉ dừng lại ở việc tô màu và căn lề. Dưới đây là những thuộc tính CSS ít được sử dụng rộng rãi nhưng lại mang đến sức mạnh...
Trong suốt một thời gian dài, Font Awesome và các thư viện font icon đã trở thành công cụ quen thuộc trong việc phát triển giao diện web. Tuy nhiên, với sự tiến bộ của...
UIkit là một framework CSS hiện đại, nhẹ và linh hoạt – rất phù hợp để xây dựng giao diện cho blog, portfolio, landing page và cả theme WordPress. Dưới đây là danh sách các...
Bạn muốn chèn giải nghĩa từ chuyên ngành, thuật ngữ hoặc tiếng nước ngoài vào bài viết nhưng không muốn người dùng phải rời trang? Hệ thống từ điển tự động kèm tooltip sau sẽ...
Dark Mode (chế độ nền tối) không chỉ giúp bảo vệ mắt vào ban đêm mà còn tạo cảm giác hiện đại cho giao diện. Thay vì dùng plugin nặng nề, bạn có thể tự...
UIkit là một framework nhẹ và mạnh mẽ dành cho các dự án frontend hiện đại. Một trong những điểm mạnh lớn nhất của UIkit là khả năng tùy biến linh hoạt nhờ vào hệ...
Hiệu ứng chuyển trang mượt mà giúp website trở nên liền mạch và chuyên nghiệp hơn. Thay vì để trình duyệt tải lại toàn bộ nội dung một cách thô ráp, bạn có thể áp...
Khi bạn quyết định chuyển đổi giao diện từ Bootstrap 3 sang UIkit, bạn sẽ trải qua một số bước nhất định để đảm bảo giao diện hoạt động tốt trên nền tảng mới mà...
Nếu bạn từng đọc bài viết trên Medium, bạn sẽ thấy sau vài đoạn đầu, bài viết bị làm mờ và hiển thị nút “Đọc tiếp”. Đây là một cách thông minh để thu hút...
Khi hiển thị ảnh với nhiều kích thước khác nhau, trang web dễ bị mất cân đối hoặc bố cục xô lệch. May mắn là CSS3 hỗ trợ thuộc tính aspect-ratio giúp bạn giữ tỉ...