1. Sử dụng W3.CSS
W3.CSS là một thư viện có sẵn của W3C để xây dựng một trang web
W3.CSS là bộ mã nguồn mở CSS FrameWork hiện đại với những ưu điểm vượt trội:
- Nhỏ gọn và tốc độ nhanh hơn so với các Framework khác
- Dễ học và dễ sử dụng hơn các FW khác
- Chỉ có CSS (không Query hoặc JavaScript library)
- Tốc độ phát triển nhanh
- Hỗ trợ modern responsive design
- Hỗ trợ đầy đủ các trình duyệt: Chrome, Firefox, IE, Safari….
Ví dụ:
2. Sử dụng Bootstrap
Bootstrap là một bộ sưu tập các mã nguồn mở và công cụ dùng để tạo ra một mẫu webiste hoàn chỉnh. Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết kế giao diện website
Giữa muôn vàn ứng dụng thiết kế website hiện nay, Bootstrap vẫn có khả năng cạnh tranh cao là nhờ những đặc điểm nổi bật sau:
- Dễ dàng thao tác
- Tùy chỉnh dễ dàng
- Chất lượng sản phẩm đầu ra cao
- Độ tương thích cao
Ví dụ:
