Ebook You Don't Need JavaScript - Hướng Dẫn Thực Tế Để Xây Dựng Các Component Hiện Đại Với CSS [Ấn Bản Lần 1, Tháng 11/2025] [PDF + Cheatsheet + Resources] [9184E]
"You Don't Need JavaScript" là một cuốn sách hoàn chỉnh, dày 125 trang, chứa đầy các kỹ thuật CSS hiện đại, ví dụ thực tế và hướng dẫn từng bước. Tìm hiểu cách thay thế JavaScript không cần thiết bằng các lightweight CSS component, nhanh hơn, dễ bảo trì hơn và bền vững trong tương lai.
Bạn sẽ học được gì:
Tạo một menu popover với CSS thuần túy:
Nhờ Popover API, bạn có thể xây dựng một drawer menu dễ truy cập, hoạt động liền mạch trên hầu hết mọi thiết bị. Kỹ thuật này có thể được mở rộng để tạo ra nhiều component tương tác khác nhau.
Tạo các Accessible Accordion dễ dàng trong CSS:
Sử dụng semantic HTML và CSS hiện đại, bạn có thể xây dựng các accordion hoàn toàn dễ truy cập và hoạt động liền mạch trên mọi thiết bị. Hoàn hảo cho FAQ, content toggle và nhiều hơn nữa.
Tạo Scroll-driven Animation tuyệt đẹp bằng 100% CSS:
Khám phá cách sử dụng CSS và một số API hiện đại để tạo hiệu ứng động cho các element khi cuộn, tăng tính tương tác và chiều sâu cho trang của bạn đồng thời vẫn đảm bảo hiệu suất.
Và còn nhiều hơn thế nữa...!
Khám phá các component nâng cao mà bạn chưa từng nghĩ là có thể với CSS thuần túy. Chẳng hạn như chuyển đổi dark mode, comparison slider, anchor navigation và các hiệu ứng mạnh mẽ bằng cách sử dụng :has()...!
Điều gì làm cho hướng dẫn này trở nên độc đáo:
Cách tiếp cận rõ ràng và trực tiếp:
Nếu bạn là người học bằng thị giác, hướng dẫn này là dành cho bạn. Nó tập trung nhiều hơn vào những lời khuyên và mẹo hữu ích.
Ví dụ thực tế:
Tất cả các ví dụ trong hướng dẫn này đều là những điều bạn gặp phải trong công việc hàng ngày. Không có gì là trừu tượng cả.
Các kỹ thuật CSS hiện đại:
Tìm hiểu các tính năng CSS mới nhất và các best practice giúp JavaScript trở nên không cần thiết đối với nhiều tương tác UI.
Nhanh hơn và xanh hơn:
Xây dựng với CSS thuần túy có nghĩa là các trang nhẹ hơn, thời gian tải nhanh hơn và lượng khí thải carbon ít hơn.
Mục lục:
- ✓ Phần 1 - Everyday Features (8 chương):
- ✓ Conditionally Styling :has().
- ✓ Dark Mode trong CSS.
- ✓ Smooth Scrolling đến các Section.
- ✓ Native Modals với <dialog>.
- ✓ Accordion với CSS thuần túy.
- ✓ Pure-CSS Automatic Slider.
- ✓ Auto-Numbered Heading.
- ✓ Use-Case khác của Counter.
- ✓ Phần 2 - Modern CSS Power Moves (5 chương):
- ✓ Custom Border Animation.
- ✓ View Transition.
- ✓ CSS Motion Path.
- ✓ CSS Mask Effects.
- ✓ CSS-Only Form Validation.
- ✓ Phần 3 - Cái nhìn thoáng qua về tương lai (6 chương):
- ✓ Scroll-Driven Animation.
- ✓ Native Popover.
- ✓ Customized Select.
- ✓ Anchor Positioning.
- ✓ Native CSS Carousels.
- ✓ Và còn nhiều nội dung nữa sắp tới...!