Hôm nay, nhóm nghiên cứu đằng sau công cụ trình duyệt web của Safari, WebKit, đã trình bày chi tiết cách các nhà thiết kế nên xây dựng các trang web cho iPhone X. Vỏ cảm biến của iPhone sắp tới, hay còn gọi là “notch”, đã đưa ra những thách thức mới cho các nhà thiết kế và nhà phát triển. Điều này đã để lại một số “giải pháp” thực hiện sáng tạo cho vấn đề. Việc WebKit đưa ra một số hướng dẫn chính thức cho iPhone X sẽ giúp ích cho các nhà phát triển web trên toàn cầu.
Vỏ cảm biến của iPhone X sẽ đưa ra những thách thức về thiết kế cho các trang web ở dạng hiện tại. Apple đã cố gắng giảm thiểu vấn đề này sớm bằng cách chèn thêm nội dung của trang web vào hai bên. Đối với các trang web có nội dung toàn chiều rộng, như 9to5Mac, việc giảm thiểu này có thể kém hấp dẫn hơn Apple dự định. Nhiều nhà phát triển web có thể tự tinh chỉnh trang web của mình một chút để trông đẹp nhất có thể trên iPhone X. Bài đăng của nhóm WebKit về thiết kế cho iPhone X cung cấp trước và sau các ví dụ về những gì các nhà phát triển có thể làm.
Chỉ với hai thay đổi đó, các nhà phát triển web có thể điều chỉnh trang web của họ để trông đẹp nhất có thể trên iPhone X. Thật kỳ lạ, Apple cũng đề cập đến các hàm min () và max (). Cả hai đều tương đối mới đối với CSS, nhưng cả hai đều không có sẵn trong Safari 11 hoặc iOS 11. (Apple nói rằng chúng sẽ có sẵn trong phiên bản Safari Technology Preview trong tương lai.)
Mặc dù không thách thức về mặt kỹ thuật, nhưng nó có thể chứng tỏ là một công việc quan trọng đối với các bố cục trang web phức tạp hơn. May mắn thay, sự chậm trễ được báo cáo của iPhone X có thể giúp các nhà phát triển web có thời gian trước khi vỏ cảm biến được thị trường chấp nhận rộng rãi.
Nguồn: gearsofbiz
