Cân nhắc cách giải quyết tệp FAB
    
    
      
    
    
      
      Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
    
    
      
      Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
    
  
    
  
      
    
  
  
  
  
  
    
  
  
    
    
    
Trong Thử thách GUI hôm nay, @AdamArgyleInk xây dựng một số nút hành động nổi (FAB) và nói về những điểm cần cân nhắc về trải nghiệm người dùng và CSS cho các nút vị trí cố định trên web.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:43 - Thuộc tính logic
- 1:50 - Cây hỗ trợ tiếp cận
- 3:18 – Nhóm FAB
- 4:41 - Thứ tự tiêu điểm so với thứ tự tài liệu
- 6:21 – CSS .fabs
- 7:16 – CSS .fab
- 12:54 – Hoạt ảnh
- 14:02 – Phần kết thúc
Tài nguyên:
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi kênh Google Chrome Developers → https://goo.gle/ChromeDevs 
arrow_back Quay lại trang tất cả các tập
  
  
  
 
  
    
    
      
    
    
  
       
    
    
  
  
  Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
  Cập nhật lần gần đây nhất: 2022-06-29 UTC.
  
  
  
    
      [[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2022-06-29 UTC."],[],[]]