Không có cách nào để giải quyết những thách thức liên quan đến giao diện. Trong chuỗi chương trình này, chúng ta sẽ thử thách bản thân và lẫn nhau để tìm nhiều cách giải quyết những thách thức về giao diện và mở rộng sự đa dạng về kỹ năng của chúng ta.
Trong Thử thách GUI hôm nay, @AdamArgyleInk xây dựng một bảng màu gam màu rộng bằng tính năng okLCH, đồng thời kiểm tra các cặp màu dễ tiếp cận trong quá trình sử dụng.
Trong Thử thách GUI hôm nay, @AdamArgyleInk đặt một vòng quay #CSS trên hiệu ứng văn bản 3D của bộ phim khoa học viễn tưởng cổ điển bằng cách làm cho nó có tính tương tác để cuộn. C...
Trong Thử thách GUI hôm nay, @AdamArgyleInk biến một nhóm nút chọn thành một nhóm chuyển đổi giúp thay đổi căn chỉnh văn bản. Tìm hiểu cách kiểm tra quyền truy cập...
Trong Thử thách GUI hôm nay, @AdamArgyleInk tạo ra hiệu ứng sự cố mạng bằng các đoạn video và phép biến đổi CSS.
Trong Thử thách GUI hôm nay, @AdamArgyleInk đã tham gia một số chương trình thú vị để tạo hiệu ứng giao diện người dùng vật lý bằng các thuộc tính tuỳ chỉnh CSS, yêu cầu khung ảnh động, v.v.
Trong Thử thách GUI hôm nay, @AdamArgyleInk tạo ra một ngăn xếp thẻ động bằng cách sử dụng biến đổi gốc, lưới và :has().
Trong Thử thách GUI bị ám ảnh hôm nay, @AdamArgyleInk mã trực tiếp chuyển đổi đường dẫn cắt CSS, minh hoạ một số hiệu ứng gốc và bao gồm các vấn đề. Tôi...
Trong Thử thách GUI hôm nay, @AdamArgyleInk tạo một chú giải công cụ bằng một phần tử tuỳ chỉnh (không có thành phần web!), :has(), phép biến đổi và thuộc tính logic...
Trong Thử thách GUI hôm nay, @AdamArgyleInk tái tạo ảo ảnh cổ điển bằng CSS.
Trong Thử thách GUI hôm nay, @AdamArgyleInk chia sẻ các tính năng và khía cạnh của thành phần băng chuyền: chủ đề thích ứng, thích ứng với nhiều thiết bị
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ều cần cân nhắc về trải nghiệm người dùng và CSS ...
Trong Thử thách GUI hôm nay, @AdamArgyleInk tạo kiểu cho tất cả các loại nút khác nhau trên web với các thuộc tính tuỳ chỉnh và :where(), dành cho sáng/tối...
Trong Thử thách GUI hôm nay, @AdamArgyleInk hướng dẫn cách cải thiện hình ảnh thành phần hộp thoại trong khi vẫn đảm bảo tính dễ tiếp cận và tính trung thực...
Trong Thử thách GUI hôm nay, @AdamArgyleInk hướng dẫn cách tạo kiểu cho phần tử tiến trình tích hợp sẵn và cách triển khai trải nghiệm người dùng tuyệt vời của trình đọc màn hình, cũng như hướng dẫn bạn cách tạo kiểu cho phần tử.
Trong Thử thách GUI hôm nay, @AdamArgyleInk chia sẻ cách tạo biểu tượng trang web thích ứng bằng SVG. SVG không chỉ phân phối một tài sản vô hạn...
Trong Thử thách GUI hôm nay, @AdamArgyleInk chia sẻ cách xây dựng một thành phần chuyển đổi giao diện. Thông thường một trang web sẽ cho phép chuyển...
Trong Thử thách GUI hôm nay, @AdamArgyleInk chia sẻ cách tạo thông báo ngắn, một thành phần không tương tác và thụ động để giao diện người dùng có thể cung cấp...
Trong thử thách GUI hôm nay, @AdamArgyleInk chia sẻ suy nghĩ của mình về cách tạo ra trình đơn trò chơi điện tử 3D thích ứng với các lựa chọn màu sắc của hệ điều hành, ...
Trong thử thách GUI hôm nay, tôi chia sẻ suy nghĩ của mình về cách cho phép người dùng chọn nhiều mục. Để minh hoạ tính năng chọn nhiều mục, tôi đã chuẩn bị một bộ lọc...
Trong thử thách GUI hôm nay, tôi chia sẻ suy nghĩ của mình về cách giải quyết các nút bị tách. Một thành phần chính dành cho giao diện thu gọn, cho phép bạn...
Trong thử thách GUI hôm nay, tôi chia sẻ suy nghĩ của mình về cách giải quyết một sự thay đổi. Một thành phần nhỏ chứa trải nghiệm người dùng trở thành một trong những ...
Trong thử thách GUI hôm nay, chúng ta đang xây dựng một thành phần breadcrumb (tập hợp liên kết phân cấp) .. với một bước đột phá! Thay vì một danh sách các đường liên kết tuyến tính, các đường dẫn này kết hợp...
Trong thử thách GUI hôm nay, chúng ta sẽ xây dựng bảng phối màu tối, sáng và tối bằng HSL. CSS hoạt động trên các trình duyệt hiện đại, mang đến cho...
Trong thử thách GUI hôm nay, @Adam Argyle chia sẻ cách tạo trải nghiệm cuộn cùng dòng cho web mà không tốn nhiều công sức và tài nguyên
Trong thử thách GUI hôm nay, @AdamArgyleInk sẽ phản hồi bình luận của bạn trong vòng 30 phút đầu tiên sau khi tập này được phát hành. Kết nối...
Trong thử thách GUI hôm nay, chúng ta sẽ xây dựng và minh hoạ một trang cài đặt động có thanh trượt và hộp đánh dấu. Trang cài đặt của chúng tôi có tính thích ứng, hỗ trợ...
Trong thử thách GUI hôm nay, chúng tôi sẽ xây dựng một thành phần thẻ với một số tính năng rất thú vị mà có thể bạn chưa từng nghĩ đến. Các thẻ của chúng ta...
Chúng tôi đã đề nghị cộng đồng xây dựng một thành phần điều hướng bên theo cách của bạn và tất cả các bạn đều đã làm được! Hãy xem các bài nộp:
Trong thử thách GUI hôm nay, chúng tôi tạo trải nghiệm người dùng điều hướng bên ngoài có tính thích ứng và dễ truy cập bằng cách sử dụng CSS và JS. Bảng điều hướng bên hoạt động...
Chúng tôi đã thử nghiệm 5 kỹ thuật định tâm CSS khác nhau và tôi cũng muốn yêu cầu bạn gửi kỹ thuật của riêng bạn. Xin cảm ơn Chris Coyier từ CSS-Tricks ...
Các bạn thấy tôi xây dựng câu chuyện theo cách của mình, và tôi đã thách thức tất cả các bạn xây dựng câu chuyện theo cách của các bạn. Xin cảm ơn @Geoffrich_ vì đã gửi thông tin trên Twitter! Được phép...
Trong thử thách hôm nay, chúng ta sẽ thử nghiệm 5 kỹ thuật căn giữa CSS. Xem những kỹ thuật nào sẽ giúp bạn có được vị trí trong công cụ của mình...
Chào mừng bạn đến với Thử thách GUI, nơi tôi tạo giao diện theo cách của mình và thách thức bạn thực hiện theo cách của bạn. Khi kết hợp bộ óc sáng tạo, chúng tôi sẽ...