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ụ: