Phát triển Web
2012
57
www.izwebz.com Demon Warlock
Nguyên tắc thiết kế web hiện đại
Một điều làm đau đầu các Web Designer nhất và cũng là vấn đề cố hữu nhất của lĩnh vực thiết kế
web là việc tương thích giữa các trình duyệt. Trong bài này, chúng ta sẽ không bàn về làm cách
nào để trang web tương thích với mọi trình duyệt mà tôi chỉ tập trung nói về hai nguyên tắc cơ
bản mà mỗi người làm web nào cũng nên để tâm tới.
Hai thuật ngữ này tiếng anh là Progressive Enhancement (Nâng cao lũy tiến) và Grateful
Degradation (Giáng cấp dễ chịu >”<). Với những người thiết kế web kinh nghiệm, thì đây là hai
khái niệm luôn đi chung với nhau trong quá trình thiết kế một trang web. Đơn giản thì cặp khái
niệm này được tạo ra để khi thiết kế trang web phải làm sao cho trang web có thể truy cập được
với mọi đối tượng người dùng. Nhưng đối với những trình duyệt hiện đại hơn thì có thể áp dụng
nhiều hơn về mặt thẩm mỹ cũng như tăng tính khả dụng của nó.
Grateful Degradation
Thuật ngữ Grateful Degradation được áp dụng trong nhiều lĩnh vực đặc biệt là trong cơ học và
điện tử học. Nguyên tắc của nó là khi làm ra một sản phẩm thì làm cho những thứ tốt nhất và phổ
thông nhất, hay nói cách khác là tập trung phát triển cho số đông trước khi mới quay lại hỗ trợ
cho phần còn lại. Còn trong lĩnh vực thiết kế web thì bạn có thể làm sao cho trang web của mình
hiển thị tốt nhất trên những trình duyệt hiện đại và không có lỗi. Bạn cũng có thể áp dụng những
khái niệm mới về CSS3, HTML5 để cung cấp cho những trình duyệt hiện đại như Chrome và
Safari.
Sau khi đã tạo ra những hiệu ứng mong muốn, bạn sẽ quay lại những trình duyệt cũ hơn và giáng
cấp nó từ từ. Ví dụ khi bạn áp dụng hiệu ứng bo tròn góc cho trình duyệt hiện đại bằng CSS3.
Sau đó quay lại dùng hình ảnh để tạo ra hiệu ứng tương tự với những trình duyệt thấp hơn. Như
thế những ai sử dụng trình duyệt hiện đại sẽ được hưởng lợi nhờ khả năng mới của trình duyệt,
còn với những ai không có thì vẫn có thể sử dụng được.
