Top CSS Framework thường dùng để thiết kế web

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !

Có nhiều cách cho bạn layout website tuy nhiên theo bạn cách nào là tối ưu nhất, chuyên nghiệp nhất đó là điều mà chúng ta cần phải nghiên cứu, trải nghiệm. Bài viết này sẽ chia sẻ với các bạn bộ sưu tập CSS Framework phổ biến nhất trong layout website hiện nay.

CSS Framework là một hệ thống mà cho phép bạn có được nhiều sự lựa chọn trong việc code CSS một cách nhanh chóng và hiệu quả, do Framework CSS bao gồm các định dạng layout sẳn có nên các bạn chỉ việc lấy ra kế thừa và sử dụng, tiết kiệm được thời gian, công sức và tránh sự nhọc nhằn về code trong lúc design.

Như ở bài trước mình có giới thiệu về cách sử dụng một CSS Framework đó là 960 Grid System trong Framework này bạn có thể thấy được nhiều điển tối ưu mà mình kể ở trên. Không chỉ như thế, khi code bằng CSS Framework bạn sẽ được một layout chuẩn, tương thích với tất cả các trình duyệt, thiết bị di động, chạy nhẹ nhàng hơn, cũng như dễ dàng hơn cho việc nâng cấp giao diện và chuyển nhượng tổ chức làm việc quản lý website.

Hơn bao giờ hết sự tối ưu luôn được hướng đến, các CSS Framework này do nhiều nhà lập trình viên tạo ra, có tổ chức chịu trách nhiệm cũng như việc fix lỗi, nâng cấp được cập nhật thường xuyên. Nó chỉ có điểm yếu cũng như hạn chế là: bạn phải học về cách tổ chức lưới trong Framework để có sự phát huy tối đa công dụng của nó.

1. Bootstrap powerful framework css

Đây là một trong những framework mạnh nhất hiện nay, nó được nhiều nhà phát triển theme WordPress, Joomla … sử dụng, tính tương thích và độ chuyên nghiệp rất cao. Bạn nên tìm hiểu về framework này. – MORE INFO – Responsive Css FrameWorks

2. 960 Grid System

960 Grid System có lẻ đã quá quen thuộc với chúng ta, bcdonline.net cũng đã sử dụng CSS Framework cho phiên bản theme wordpress đang sử dụng tại thời điểm này, rất ổn định, dể sử dụng và chạy tốt trên các trình duyệt khác nhau. – MORE INFO

3. Gumby Framework Responsive 960 Grid CSS

Đây là một mẫu CSS rất chuẩn, phù hợp với HTML5 và CSS3, nó gần như là một phiển bản hiện đại của 960 Grid rất dễ sử dụng và tương đối phù hợp cho các bạn mới học thiết kế WEB – MORE INFO

4. 1140 Grid CSS

1140 Grid được thiết kế ra rất hoàn hảo cho cở màn hình 1280 và nâng cấp cho cả về các thiết bị di động, sư co dãn thông minh theo kích trình duyệt. – MORE INFO

5. Yaml CSS Framework

Một mẫu thiết kế CSS linh hoạt, hiện đại phù hợp chuẩn HTML5 và CSS3 Yaml rất đặc trứng sử dụng Namespacing riêng biệt tránh xung đột code, nhầm lẫn tương thích với các trình duyệt phổ biến như: Latest Google Chrome, Mozilla Firefox 3.6+, Opera 10+, Apple Safari 4+, Internet Explorer 6+. – MORE INFO


6. Less Framework CSS grid system – MORE INFO

7. BlueTrip CSS Framework – MORE INFO

8. Blueprint Framework – MORE INFO

9. Kube CSS framework for professional developers – MORE INFO




10. BluCSS Responsive – MORE INFO




11. Emastic CSS Framework – MORE INFO



Đây là Framework gần như hoàn chỉnh, được thảo luận và phát triển từ http://code.google.com, hỗ trợ layout left, right, Fluid Grid, business card …


12. The Square Grid CSS – MORE INFO




13. Metroui CSS Framework – MORE INFO

14. Fem CSS Framework – MORE INFO




15. jQuery UI CSS Framework – MORE INFO




16. Logic CSS framework – MORE INFO




17. YUI CSS Grids – MORE INFO




18. Baseline Designer Framework – MORE INFO




19. xCSS OO CSS Framework – MORE INFO




20. Compass – MORE INFO




21. Atatonic Framework – MORE INFO



Kết luận: Bộ sưu tập hơn 20 CSS Framework thật sự rất cần thiết cho mọi người, hãy học một số Framework và chiến thôi nha pà con. Chúc mọi người thành công!

Nguồn: BCDOnline