Bạn nên giới thiệu khung CSS nào?

Question

Tôi là nhà phát triển phần mềm, không phải nhà thiết kế, nhưng tôi bị buộc phải thiết kế trang web. Trong quá khứ, tôi thiết kế "bằng tay", không bao giờ sử dụng bất kỳ ai trong số này trước đây. Bây giờ, tôi đã tìm thấy rằng có rất nhiều framewoks CSS. Tôi muốn thử một số trong số này, nhưng tôi không biết bắt đầu từ đâu và tôi không muốn lãng phí thời gian của mình.

Tôi nghĩ rằng hầu hết các khuôn khổ Chơi Nhiều CSS là:

• YAML CSS Framework
• YUI Grids CSS
• 960 Grid System

nhưng tôi chắc chắn có rất nhiều nhiều hơn nữa.

Vì vậy, bạn sẽ đề xuất khung làm việc nào cho tôi? Tại sao?

Answer 1

Nếu bạn không muốn lãng phí thời gian của bạn, tôi thực sự sẽ không khuyên bạn nên sử dụng chúng. Nếu bạn quen thuộc với CSS, bạn sẽ dễ dàng viết hơn là sử dụng một khung công tác. Với một khuôn khổ, bạn sẽ bị buộc phải học và sử dụng các quy ước đặt tên của họ và bạn cũng sẽ có khả năng bao gồm rất nhiều mã mà bạn không cần đến mọi lúc. Nếu bạn cần sử dụng bất cứ điều gì, tôi khuyên bạn nên sử dụng quy tắc đặt lại CSS tốt trên một khuôn khổ CSS đầy đủ. Ngăn chặn điều đó, dành thời gian của bạn để học CSS sâu hơn; nó sẽ là một đầu tư tốt hơn với phần thưởng lớn hơn trong tương lai vì bạn sẽ biết lý do tại sao mọi thứ hoạt động ngoài việc có thể thực hiện công việc.

Answer 2

Tôi không chắc liệu bạn có phân loại nó làm khung làm việc hay không, nhưng tôi thích số jquery-ui framework. Có ThemeRoller, cho phép bạn tùy chỉnh ui hoặc chọn từ một thư viện, nó hoạt động trực quan cho hầu hết các dòng ứng dụng theo phong cách kinh doanh. Hơn nữa, nó tích hợp với hầu hết các Plugin UI của jQuery mà tôi thường xuyên sử dụng.

Answer 3

Các khung CSS thực sự có thể hữu ích nếu bạn không muốn viết lại nhiều lần một lần nữa ... Đó là tất cả về việc không phát minh lại bánh xe mỗi lần, thay vì thay đổi các bánh xe đã tồn tại. :-)

Top 12 CSS Frameworks and How to Understand Them là một bài viết rất tốt cho điều này, xin trích:

Như với tất cả mọi thứ khác trên thế giới có một vài nhà phê bình của khung CSS,
những ưu làm đông hơn những khuyết điểm, tất cả về ý kiến ​​của nó.

Bạn cũng có thể muốn kiểm tra: Câu trả lời Inspiration Overload: 100 CSS Galleries You Need to Check Out

Answer 4

Rất đơn giản:

NONE

:)

Tại sao? Bởi vì bạn cũng cần phải có CSS ​​ngữ nghĩa, không chỉ HTML ngữ nghĩa. Vì vậy, ví dụ: nếu bạn có một div có tên là size-1 (cách viết tắt ... hãy nói comment-form) điều này sẽ cho bạn biết điều gì? Làm thế nào điều này sẽ giúp bạn về những thay đổi thêm?

Và có, tôi đã cố gắng sử dụng hai hoặc ba khung trong vài tháng qua nhưng không có may mắn chút nào.

Answer 5

Xem số này tương tự question about whether to use CSS frameworks, nó có một số câu trả lời tương tự (hữu ích).

Answer 6

Tôi cũng có xu hướng tránh xa các khuôn khổ CSS khác nhau. Tuy nhiên, thứ mà tôi thấy hữu ích là tạo ra một mẫu cơ bản của riêng bạn để làm việc.

Bao gồm đặt lại CSS, chẳng hạn như trang web của Eric Meyer: Reset Reloaded. Một thay thế (một trong những tôi hiện đang sử dụng, bởi vì cá nhân tôi không sử dụng hầu hết các thẻ xhtml bao gồm trong thiết lập lại của Eric anyway) sẽ là của Tim Wright Reseting Browser Defaults (reset.css)

Và sau đó cố gắng để đi lên với thiết lập của riêng bạn của phong cách typographic, trong khi suy nghĩ về những điều tốt đẹp như Nhịp điệu theo chiều dọc và điều gì đó. Tôi tìm thấy một nguồn tài nguyên tốt (thường) là The Grid System, có hướng dẫn, bài viết, mẫu và các nội dung tương tự, bao gồm một số công cụ hữu ích để có được một mạng lưới typographic tốt.

Tôi sẽ tránh xa các khuôn khổ CSS, đơn giản chỉ vì chúng không bao giờ rất ngữ nghĩa, và vô số thẻ div thực sự làm tôi khó chịu.

Answer 7

Dưới đây là một số khung CSS mà là người mới:

• Emastic CSS Framework
• Malo CSS
• The Golden Grid

Emastic chỉ 4KB (cố định và cột chất lỏng và em dựa), Malo là 8 dòng mã rất nhỏ và The Golden Grid là 1kb tương tự như Blueprint hoặc 960.gs.

Giống như tác giả của 3 khung công tác này, sẽ không phù hợp để khen ngợi công việc của riêng tôi, chỉ cần mở mã CSS của mọi Khung và cố gắng hiểu nó. Mã sẽ nói chuyện với bạn :).

Cũng lưu ý rằng tất cả CSS Framework KHÔNG phải luôn là giải pháp đúng.

Answer 8

Một công cụ gọn gàng có thể giúp là LessCSS: http://lesscss.org/ - nó là một bộ tiền xử lý CSS (được thực thi như một viên ngọc Ruby) cho phép những thứ như biến, quy tắc lồng nhau, mixins, vv. CSS của bạn nhất quán và dễ bảo trì hơn.

Answer 9

Khung CSS duy nhất đáng được sử dụng: Unobtrusive CSS.

Answer 10

Framework là tuyệt vời nếu bạn đang sử dụng một ngôn ngữ phức tạp hơn như PHP hoặc ActionScript. Nhưng nó thực sự không cần thiết cho đơn giản html & css, mà rất dễ dàng để tìm hiểu khi bạn đi cùng. Thay vào đó, bạn có được một bản định kiểu thiết lập lại cơ bản và xây dựng phong cách của bạn từ đó trở lên.

Thu thập các bản định kiểu đặt lại: perishablepress.com