Blog Tĩnh #05 – Tạo layout responsive đơn giản
25/05/2025
0
18
2 phút đọc
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...
Tổng hợp kiến thức HTML, CSS từ cơ bản đến nâng cao: cấu trúc trang, định dạng, responsive layout, snippet hữu ích và mẹo tùy biến giao diện.
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...
Plugin Init Live Search hỗ trợ nhiều sự kiện JavaScript (event) dành riêng cho developer, cho phép bạn mở rộng chức năng, đồng bộ UI, hoặc gắn tracking tùy ý khi người dùng tương tác...
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...
Ở bài #02, bạn đã deploy blog lên Internet. Bây giờ là lúc bổ sung những thứ "nhỏ nhưng có võ" – giúp blog thân thiện hơn với Google, Facebook, Twitter, và người dùng.
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...
Plugin Init View Count hỗ trợ endpoint REST API /wp-json/initvico/v1/top để lấy danh sách bài viết được xem nhiều nhất. Đây là công cụ cực kỳ hữu ích cho frontend, SPA, app mobile hoặc các...
Dark mode (chế độ nền tối) đang trở thành một xu hướng phổ biến nhằm giảm mỏi mắt và tiết kiệm pin. Bài viết này hướng dẫn bạn cách thêm một nút chuyển đổi dark...
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 Live Search là plugin tìm kiếm trực tiếp (live search) chính chủ từ Init HTML cho WordPress, được thiết kế để hoạt động nhanh chóng, mượt mà và thân thiện với giao diện người...
Trong nhiều năm, jQuery từng là nền tảng không thể thiếu cho lập trình giao diện web. Nhưng ở thời điểm hiện tại, mình đã hoàn toàn từ bỏ nó – kể cả khi viết...
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í...
Khi một trang web WordPress trở nên chậm, hầu hết mọi người đều đổ lỗi cho theme hoặc plugin, nhưng rất ít ai đi sâu vào truy vết thực tế các điểm nghẽn. Plugin Query...
Muốn tạo một trò chơi nhỏ ngay trên bài viết WordPress để kiểm tra kiến thức hoặc tăng tương tác? Bài viết này sẽ hướng dẫn bạn cách tạo một hệ thống quiz nhiều câu...
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...
jQuery từng là chuẩn mực để thao tác DOM, xử lý sự kiện và AJAX trong JavaScript. Tuy nhiên, với sự phát triển của JavaScript hiện đại (ES6+), nhiều thư viện nhẹ hơn đã ra...
Việc tối ưu hóa hình ảnh là một trong những yếu tố quan trọng để tăng tốc độ tải trang web và cải thiện trải nghiệm người dùng. UIkit cung cấp các công cụ tuyệt...
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...
Trên các website hiện đại, icon SVG thường được sử dụng để thay thế icon ảnh PNG hoặc font-icon như Font Awesome. Tuy nhiên, nếu bạn nhúng mỗi SVG riêng lẻ cho từng biểu tượng,...
Database là trái tim của một website WordPress. Theo thời gian, dữ liệu dư thừa như bản nháp, bản sửa, dữ liệu plugin không dùng nữa,… sẽ khiến site của bạn chậm đi đáng kể....
Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.