Apple đưa ra giải pháp cho các nhà thiết kế web, để thích nghi với “cái rãnh” trên iPhone X

Apple đưa ra giải pháp cho các nhà thiết kế web, để thích nghi với “cái rãnh” trên iPhone X
Theo: TVD Theo Trí Thức Trẻ
Thể loại: Sản Phẩm Công Nghệ
Như vậy, các nhà thiết kế web và phát triển ứng dụng sẽ phải tốn thêm một chút công sức để có thể thích nghi với giao diện mới của iPhone X.

Thiết kế không viền màn hình của iPhone X để lại một cái rãnh ở cạnh trên của máy, nơi đặt cụm cảm biến Face ID và camera trước. Cái rãnh này không chỉ khiến cho thiết kế của iPhone X trông không được thực sự hoàn hảo, mà nó còn khiến các nhà phát triển ứng dụng và thiết kế web phải đau đầu.

Thiết kế mới của iPhone X để lại một cái rãnh ở cạnh trên.

Thiết kế mới của iPhone X để lại một cái rãnh ở cạnh trên.

Nguyên nhân là do khi sử dụng iPhone X ở chế độ màn hình ngang, cái rãnh này có thể che đi một phần màn hình hiển thị của ứng dụng và các trang web. Một số nhà phát triển đã tìm cách thích nghi với cái rãnh trên iPhone X, bằng cách tùy biến giao diện để tự động lùi vào trong. Hay thậm chí có nhà phát triển đã biến cái rãnh này thành một phần giao diện, có thể kéo ra để xuất hiện các tùy chọn.

Apple đã chính thức đưa ra hướng dẫn cho các nhà lập trình web, để có thể thích nghi với màn hình của chiếc iPhone X. Với công cụ Webkit của Apple được bổ sung các đoạn code và kỹ thuật, để giúp giao diện mới của các trang web sẽ không bị ảnh hưởng bởi cái rãnh trên iPhone X.

Apple đưa ra khu vực an toàn cho các nhà thiết kế, nhưng vẫn có thể tận dụng phần còn lại.

Apple đưa ra khu vực an toàn cho các nhà thiết kế, nhưng vẫn có thể tận dụng phần còn lại.

Công cụ mới giúp các nhà thiết kế web vẫn có thể tận dụng khoảng trống hai bên trên màn hình iPhone X, nhưng các nội dung chính sẽ không bị che bởi cái rãnh. Apple đưa ra một khu vực được gọi là an toàn, mà các nội dung hiển thị sẽ không bị ảnh hưởng cái rãnh trên hoặc là thanh điều hướng phía dưới màn hình.

Các nhà thiết kế web có thể thoải mái hiển thị nội dung chính trong khu vực an toàn này. Nhưng bên cạnh đó, nếu muốn họ vẫn có thể tận dụng các khoảng trống còn lại trên màn hình iPhone X. Chúng ta có thể thấy rõ trong ví dụ dưới đây.

Giao diện chưa phóng to toàn màn hình.

Giao diện chưa phóng to toàn màn hình.

Giao diện phóng to toàn màn hình nhưng chưa được tùy chỉnh.

Giao diện phóng to toàn màn hình nhưng chưa được tùy chỉnh.

Giao diện toàn màn hình đã được tùy chỉnh lại.

Giao diện toàn màn hình đã được tùy chỉnh lại.

Như vậy, các nhà thiết kế web và phát triển ứng dụng sẽ phải tốn thêm một chút công sức để có thể thích nghi với giao diện mới của iPhone X. Nhưng may mắn là nó sẽ không còn gây ra sự khó chịu cho người sử dụng nữa.

Tham khảo: Phonearena

Nokia, BlackBerry, Palm, Microsoft: Đồng loạt chê bai thậm tệ khi iPhone ra mắt để rồi đều chỉ còn là chiếc bóng của chính mình khi Apple đạt giá trị 1.000 tỷ USD

tinybook tinybook 3 tuần 4 ngày
Nokia, BlackBerry, Palm, Microsoft: Đồng loạt chê bai thậm tệ khi iPhone ra mắt để rồi đều chỉ còn là chiếc bóng của chính mình khi Apple đạt giá trị 1.000 tỷ USD
Cười người hôm trước, hôm sau người cười!

Biến màn hình thành TV với Galaxy Note9, dân văn phòng không phải đi đâu mà vẫn xem bóng cổ vũ đội tuyển Olympic Việt Nam

tinybook tinybook 3 tuần 4 ngày
Biến màn hình thành TV với Galaxy Note9, dân văn phòng không phải đi đâu mà vẫn xem bóng cổ vũ đội tuyển Olympic Việt Nam
Tại sao phải ra ngoài cổ vũ khi chính chiếc điện thoại Note9 bạn cầm trên tay là TV di động không thể tuyệt vời hơn?

Honor 8X Max lộ diện với màn hình khổng lồ 7,12 inch, thiết kế giọt nước, giá bán 1.465 USD

tinybook tinybook 3 tuần 4 ngày
Honor 8X Max lộ diện với màn hình khổng lồ 7,12 inch, thiết kế giọt nước, giá bán 1.465 USD
Nếu như kích thước màn hình 6,4 inch của Galaxy Note 9 chưa thể làm bạn thỏa mãn, có lẽ một chiếc smartphone khổng lồ với màn hình hơn 7 inch sẽ làm được điều đó.

OnePlus 6T sẽ sao chép thiết kế "tai thỏ" từ Oppo chứ không phải Apple

tinybook tinybook 3 tuần 4 ngày
OnePlus 6T sẽ sao chép thiết kế "tai thỏ" từ Oppo chứ không phải Apple
OnePlus 6T được dự đoán sẽ trở thành bản sao của Oppo R17 Pro thay vì "nhái" iPhone như trước đây.

Huawei so sánh tai thỏ trên P20 với iPhone X và kết luận: "Rãnh phải nhỏ mới tốt"

tinybook tinybook 3 tuần 4 ngày
Huawei so sánh tai thỏ trên P20 với iPhone X và kết luận: "Rãnh phải nhỏ mới tốt"
Huawei cho rằng không phải cái gì cũng to mới tốt, đặc biệt là với thiết kế "tai thỏ" trên màn hình smartphone.

Chi phí quá đắt đỏ khiến một nhà sản xuất chip top đầu thế giới dừng phát triển tiến trình 7nm

tinybook tinybook 3 tuần 4 ngày
Chi phí quá đắt đỏ khiến một nhà sản xuất chip top đầu thế giới dừng phát triển tiến trình 7nm
GlobalFoundries – nhà sản xuất chip bán dẫn hàng đầu thế giới, mới đây đã thông báo rằng theo chiến lược kinh doanh mới, họ sẽ dừng chương trình phát triển bộ xử lý trên tiến trình 7nm.

Các "ông lớn" Samsung, Sony, LG mang gì đến IFA 2018?

tinybook tinybook 3 tuần 4 ngày
Các "ông lớn" Samsung, Sony, LG mang gì đến IFA 2018?
Là triển lãm công nghệ lớn nhất nửa cuối năm, IFA 2018 chắc chắn đón nhận nhiều bất ngờ từ các tên tuổi lớn như Samsung, Sony, LG, Huawei.

Oppo R15 tích hợp modem Qualcomm X50 đã vượt qua bài test 5G đầu tiên

tinybook tinybook 3 tuần 4 ngày
Oppo R15 tích hợp modem Qualcomm X50 đã vượt qua bài test 5G đầu tiên
Đây có thể là tín hiệu dự báo Oppo R17 sẽ là một trong những smartphone đầu tiên sở hữu kết nối 5G.

Apple mở lớp 1 kèm 1 dạy chỉnh ảnh bằng ứng dụng Photos trên iOS

tinybook tinybook 3 tuần 4 ngày
Apple mở lớp 1 kèm 1 dạy chỉnh ảnh bằng ứng dụng Photos trên iOS
Mỗi buổi học sẽ kéo dài 30 phút, bài giảng sẽ được điều chỉnh để phù hợp với trình độ của bạn.

Sony "nhá hàng" thiết bị Xperia mới tại IFA 2018, có thể là XZ3 và XA3

tinybook tinybook 3 tuần 4 ngày
Sony "nhá hàng" thiết bị Xperia mới tại IFA 2018, có thể là XZ3 và XA3
Sự kiện của Sony sẽ diễn ra vào ngày 30/8 tới đây.

Video: "Mổ bụng" smartphone rẻ nhất sở hữu Snapdragon 845 - Pocophone F1

tinybook tinybook 3 tuần 4 ngày
Video: "Mổ bụng" smartphone rẻ nhất sở hữu Snapdragon 845 - Pocophone F1
Chúng ta hãy cùng chiêm ngưỡng màn "phẫu thuật" Pocophone F1 để quan sát kỹ hơn hệ thống tản nhiệt chất lỏng và công nghệ quét mặt 3D

Hệ sinh thái đằng sau những linh kiện iPhone hỏng : Phần 1 - Thế giới gia công

tinybook tinybook 3 tuần 5 ngày
Hệ sinh thái đằng sau những linh kiện iPhone hỏng : Phần 1 - Thế giới gia công
Do không được tiếp cận với các nguồn linh kiện chính hãng của iPhone, các linh kiện gia công này đã trở thành nguồn sống cho các cửa hàng sửa chữa độc lập trên toàn thế giới.

Galaxy Note9 không hề dễ sửa chút nào

tinybook tinybook 3 tuần 5 ngày
Galaxy Note9 không hề dễ sửa chút nào
Galaxy Note9 cũng khó sửa chữa không kém thiết bị tiền nhiệm Galaxy Note8 hồi năm ngoái.

Oppo cũng ra mắt thương hiệu con như Xiaomi: trình làng Realme 2, Snapdragon 450, camera kép, giá từ 2,9 triệu

tinybook tinybook 3 tuần 5 ngày
Oppo cũng ra mắt thương hiệu con như Xiaomi: trình làng Realme 2, Snapdragon 450, camera kép, giá từ 2,9 triệu
Realme là thương hiệu con của Oppo, chuyên bán các mẫu smartphone có mức giá hấp dẫn so với cấu hình.

“Mobile esport” tỏa sáng tại Đại hội Thể thao châu Á ASIAD 2018

tinybook tinybook 3 tuần 5 ngày
“Mobile esport” tỏa sáng tại Đại hội Thể thao châu Á ASIAD 2018
Mobile esport cũng mở ra cơ hội phát triển cho các hãng sản xuất smartphone.

Thử nghiệm tính năng DeX với Galaxy Note9: Thiết lập đơn giản, chạy mượt, mát, pin đủ ba tiếng

tinybook tinybook 3 tuần 5 ngày
Thử nghiệm tính năng DeX với Galaxy Note9: Thiết lập đơn giản, chạy mượt, mát, pin đủ ba tiếng
DeX với Note9 là giải pháp cực kỳ hữu ích khi bạn cần xử lý gấp công việc.

Ming-Chi Kuo: iPhone 2018 không hỗ trợ Apple Pencil, bản 6.1 inch sẽ lên kệ muộn hơn một chút

tinybook tinybook 3 tuần 5 ngày
Ming-Chi Kuo: iPhone 2018 không hỗ trợ Apple Pencil, bản 6.1 inch sẽ lên kệ muộn hơn một chút
Kuo cho rằng các mẫu iPhone 2018 sắp ra mắt của Apple sẽ không hỗ trợ Apple Pencil vì không mang lại trải nghiệm người dùng tốt nhất.

Điện thoại Google Pixel 3 "tai trâu" sẽ ra mắt vào ngày 9/10

tinybook tinybook 3 tuần 5 ngày
Điện thoại Google Pixel 3 "tai trâu" sẽ ra mắt vào ngày 9/10
Chiếc điện thoại này sẽ được ra mắt vào một sự kiện tại thành phố New York.

Một vài thiết lập hay ho cần làm ngay để dễ dàng chụp ảnh trên Galaxy Note9

tinybook tinybook 3 tuần 5 ngày
Một vài thiết lập hay ho cần làm ngay để dễ dàng chụp ảnh trên Galaxy Note9
Không những chụp ảnh dễ dàng, bạn còn có thể tha hồ sáng tạo với camera Galaxy Note9 sau khi nắm rõ những cài đặt này.

Apple ra mắt tới ba mẫu iPhone mới trong năm nay nhưng chẳng biết đặt tên như thế nào

tinybook tinybook 3 tuần 5 ngày
Apple ra mắt tới ba mẫu iPhone mới trong năm nay nhưng chẳng biết đặt tên như thế nào
Báo cáo mới của Bloomberg cho chúng ta biết thêm chi tiết về kế hoạch của Apple trong mùa thu năm nay.

iPhone năm nay sẽ nhanh hơn năm ngoái 30%, thời lượng pin được cải thiện không nhiều

tinybook tinybook 3 tuần 5 ngày
iPhone năm nay sẽ nhanh hơn năm ngoái 30%, thời lượng pin được cải thiện không nhiều
Nhờ kiến trúc 7nm, chip A12 sẽ có hiệu suất cao hơn đáng kể so với A11 Bionic 10nm.

Ốp lưng iPad Pro (2018) bất ngờ rò rỉ trên mạng, mặt lưng có linh kiện mới?

tinybook tinybook 3 tuần 5 ngày
Ốp lưng iPad Pro (2018) bất ngờ rò rỉ trên mạng, mặt lưng có linh kiện mới?
Nhiều khả năng đây chính là cổng Smart Connector mới để chủ nhân có thể sử dụng iPad kèm phụ kiện theo cả chiều dọc lẫn chiều ngang.

Tất cả các mẫu iPhone 2019 đều không có 3D Touch, AirPods mới và HomePod giá rẻ sẽ ra mắt trong năm sau

tinybook tinybook 3 tuần 5 ngày
Tất cả các mẫu iPhone 2019 đều không có 3D Touch, AirPods mới và HomePod giá rẻ sẽ ra mắt trong năm sau
Một số người dùng iPhone thích 3D Touch nhưng cũng có những người quên mất sự tồn tại của tính năng này.

Dịch vụ ở Tây: Đổi trả iPhone 6 cho Apple, được ngay 75 USD, thủ tục chưa đến 30 phút

tinybook tinybook 3 tuần 5 ngày
Dịch vụ ở Tây: Đổi trả iPhone 6 cho Apple, được ngay 75 USD, thủ tục chưa đến 30 phút
Tất nhiên là iPhone 6 vẫn phải hoạt động tốt, hình thức tương đối thì mới có giá "ngon" như thế đấy nhé.

Ghi ngay vào lịch đi các bạn ơi, iPhone 2018 sẽ ra mắt vào ngày 12/9

tinybook tinybook 3 tuần 5 ngày
Ghi ngay vào lịch đi các bạn ơi, iPhone 2018 sẽ ra mắt vào ngày 12/9
Chỉ còn hơn 10 ngày nữa các mẫu iPhone mới của Apple sẽ được trình làng.

Tất cả các mẫu Galaxy S10 từ cao cấp tới tầm trung đều sẽ tích hợp cảm biến vân tay dưới màn hình?

tinybook tinybook 3 tuần 5 ngày
Tất cả các mẫu Galaxy S10 từ cao cấp tới tầm trung đều sẽ tích hợp cảm biến vân tay dưới màn hình?
Dự kiến, toàn bộ các biến thể của Galaxy S10 sẽ tích hợp cảm biến vân tay dưới màn hình, giúp mở khóa thuận tiện hơn mà không cần phải thao tác với cảm biến ở phía sau như các thế hệ trước.

Bloomberg: iPhone 2018 giữ nguyên thiết kế iPhone X, có màu sắc mới, màn hình lớn hơn và camera đỉnh hơn

tinybook tinybook 3 tuần 5 ngày
Bloomberg: iPhone 2018 giữ nguyên thiết kế iPhone X, có màu sắc mới, màn hình lớn hơn và camera đỉnh hơn
Apple không chỉ tin tưởng gấp hai mà là gấp ba lần vào thiết kế của iPhone X.

Xem màn tra tấn Galaxy Note9 rùng rợn bằng dao và búa, bất ngờ nhất lại nằm ở viên pin

tinybook tinybook 3 tuần 6 ngày
Xem màn tra tấn Galaxy Note9 rùng rợn bằng dao và búa, bất ngờ nhất lại nằm ở viên pin
Galaxy Note9 được giới công nghệ đánh giá là một trong những chiếc smartphone bền thuộc hạng top hiện nay. Nhưng liệu đánh giá đó có thực sự chính xác sau màn tra tấn Galaxy Note9 của kênh TechRax.

Dân Trung Quốc tự tin khẳng định smartphone nước mình đã tốt ngang Apple

tinybook tinybook 3 tuần 6 ngày
Dân Trung Quốc tự tin khẳng định smartphone nước mình đã tốt ngang Apple
Theo người dân nước này thì Huawei, Xiaomi, và Oppo đã có thể sánh ngang với các hãng toàn cầu với các thiết bị giá rẻ nhưng vẫn đầy đủ tính năng cần thiết.

Sony Xperia XZ3 lộ diện, màn hình không tai thỏ, chỉ có một camera sau

tinybook tinybook 3 tuần 6 ngày
Sony Xperia XZ3 lộ diện, màn hình không tai thỏ, chỉ có một camera sau
Dự kiến, Xperia XZ3 sẽ ra mắt ngay tại sự kiện IFA diễn ra vào cuối tháng này.
tinybook Công Nghệ Thông Tin








Chat