Phát triển Web
2012
75
www.izwebz.com Demon Warlock
Flexible layout
Một vài năm trước, khi flexible layout còn là thứ gì đó xa xỉ đối với website. Thứ duy nhất
flexible trong thiết kế là số lượng cột và text. Ảnh có thể dễ dàng làm “vỡ” cấu trúc website.
Việc thiết kế trên một khoảng kích thước tính bằng pixel khiến người thiết kế lúng túng khi trang
web chuyển giữa các kích thước khung hình khác nhau.
Hình ảnh cần phải được tự động điều chỉnh và không được phép làm vỡ cấu trúc website, vì ta
không làm một sản phẩm in ấn. Khi kích thước ảnh không bị fix ở một giá trị nào đó, nó mang
lại nhiều lợi ích hơn mong đợi, ý tưởng tuyệt vời cho những những thiết bị có thể xoay ngang và
đứng.
Trang web trên được thiết kế bằng cách sử dụng markup một cách thông minh, fluid grid, fluid
image. Có thể tham khảo thêm những bài viết sau
Hiding and Revealing Portions of Images
Creating Sliding Composite Images
Foreground Images That Scale With the Layout
Flexible Web Design: Creating Liquid and Elastic Layouts with CSS (book), Zoe
Mickley Gillenwater
