Điều quan trọng là gì #8: Favicon sáng/tối, @mixin, object-view-box, v.v.

Điều quan trọng là gì #8: Favicon sáng/tối, @mixin, object-view-box, v.v.

Ngắn và ngọt ngào nhưng vô cùng gọn gàng, vấn đề này đề cập đến các biểu tượng yêu thích sáng/tối, @mixin, biến hình nội suy neo, hộp xem đối tượng, các tính năng web mới, v.v.

An interface design titled Buttons and Tags showcasing various UI component shapes using the corner-shape property. The display includes a row of solid buttons in different colors labeled Bevel, Superellipse, Squircle, Notch, and Scoop, followed by a set of outlined buttons and a series of decorative status tags like Shipped and Pending. Below these are directional tags with arrow shapes and a row of notification badges featuring icons for a bell, message, and alert with numerical counters.
Source: Smashing Magazine .

Tôi là người thích những logo đầy màu sắc với độ sáng khoảng 50% trông tuyệt vời trên nền sáng và tối, nhưng không phải tất cả các logo đều có thể như vậy.

Paweł Grzybek đã chỉ cho chúng tôi cách triển khai các biểu tượng yêu thích SVG tôn trọng bảng màu, cho phép chúng tôi hiển thị các biểu tượng yêu thích có điều kiện, nhưng hành vi không nhất quán trên các trình duyệt web.

Đó là một bài đọc thú vị và dường như có một chiến dịch để nó hoạt động chính xác.

Và một khi điều đó xảy ra, đây là một chuyển đổi CSS có chủ đề quả trứng đa dạng mà tôi đã tìm thấy vào tuần trước.

Thành thật mà nói, thời điểm hoàn hảo.

Công tắc chuyển đổi trứng Skeuomorphic [HTML + CSS + JS] Cơ học hữu cơ.

Phân lớp bóng hộp phức tạp và thao tác bán kính đường viền.

Phản hồi xúc giác thông qua độ sâu.

Mã nguồn: freefrontend.com/code/skeuomo… [hình ảnh hoặc nhúng] Có vẻ như @mixin đang tiến một bước.

Lea Verou cho chúng tôi xem một đoạn mã và hỏi chúng tôi nghĩ gì về nó.

 Bạn muốn mixin trong CSS?

Hãy giúp CSS WG bằng cách cho chúng tôi biết điều gì khiến bạn cảm thấy tự nhiên!

Nhìn vào mã trong ảnh chụp màn hình.

Độ rộng kết quả mà *bạn* thấy ít ngạc nhiên nhất đối với mỗi div, div > h2, div + p?

Tôi là một lập trình viên IOS. Code chính là IOS nhưng thỉnnh thoảng vẫn đá sang Android hoặc web. Mặc dù không quá thông thạo nhưng tôi sẽ chia sẻ những kiến thức mà mình đã tìm hiểu, áp dụng qua.

Bài viết liên quan

Niềm vui của một khởi đầu mới (Phiên bản hình nền tháng 4 năm 2026)

Giới thiệu về Tác giả Cosima là biên tập viên tại SmashingMag từ năm 2013. Bất cứ khi nào cô ấy không viết bài cho Bản tin Smashing hàng tuần, có lẽ cô ấy đang làm việc trên một… Thông tin thêm về Cosima ↬ Mẹo hàng tuần về giao diện người dùng & UX.

Xem thêm

Mẹo tự động hóa biểu mẫu để người dùng và khách hàng hạnh phúc hơn

Tôi đã triển khai một biểu mẫu liên hệ vào tháng trước, theo ý kiến ​​​​của tôi, nó đã được thực hiện tốt.

Xem thêm

The Site-Search Paradox: Why The Big Box Always Wins

About The Author With over 20 years experience in the field of user centered design, and a background in web design and development, Carrie has worked in startups through to … More about Carrie ↬ Weekly tips on front-end & UX . Trusted by 182,000+ folks.

Xem thêm
0 0 đánh giá
Article Rating
Theo dõi
Thông báo của
guest
0 Comments
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận