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 systemMORE INFO



7. BlueTrip CSS FrameworkMORE INFO




8. Blueprint FrameworkMORE INFO




9. Kube CSS framework for professional developersMORE INFO

Kube CSS framework for professional developers


10. BluCSS ResponsiveMORE INFO

BluCSS Framework CSS


11. Emastic CSS FrameworkMORE INFO

Emastic

Đâ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 CSSMORE INFO

The Square Grid


13. Metroui CSS FrameworkMORE INFO




14. Fem CSS FrameworkMORE INFO

FEM CSS Framework


15. jQuery UI CSS FrameworkMORE INFO

jQuery UI CSS Framework


16. Logic CSS frameworkMORE INFO

Logic CSS framework


17. YUI CSS GridsMORE INFO

YUI 2 Grids CSS


18. Baseline Designer FrameworkMORE INFO

Baseline CSS Framework


19. xCSS OO CSS FrameworkMORE INFO

xCSS OO CSS Framework


20. Compass MORE INFO

Compass CSS Framework


21. Atatonic FrameworkMORE INFO

Atatonic CSS framework

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
 

Web Design Technology blogs [ itdl ] Auto Backlink

HomeBlog ArchiveServicesLink2MeContactSubmit your PostPost RSS

Copyright © 2012 [ itdl ] Just for Share. Designed by Ngoc Luong - Freelancer

Best view in Chrome 11+, Firefox 5+ with resolution 1024 x 768 pixel. Powered by Blogger.