2012-03-22 33 views
11

Tôi hiểu những gì Less cung cấp cho tôi với CSS và tôi cũng đã xem xét sản phẩm bootstrap twitter. Nhưng ai đó có thể giải thích cách so sánh với Compass và SASS. Tôi thực sự chỉ hiểu những gì SASS là ngay bây giờ. Làm thế nào về Compass, điều đó làm gì cho tôi.La bàn và SASS hoặc Ít hơn và?

Tôi đang làm việc trên nền tảng Windows với ASP MVC3 (4). Tôi có thể sử dụng Compass và SASS trên nền tảng đó không?

+0

Để giải thích về những gì Compass là, hãy đọc: https://github.com/Snugug/training-glossary/wiki/Compass –

Trả lời

9

SASS và LESS cơ bản giống nhau; khả năng sử dụng các biến và mixin, vv, và sau đó biên dịch nó thành css bình thường.

Twitter Bootstrap là một khuôn khổ css (bao gồm một số plugin javascript) với tất cả các kiểu khác nhau để giúp bạn và chạy nhanh chóng bằng cách xác định lưới, kiểu chữ, vv. LESS chính nó.

La bàn là một khuôn khổ kết hợp hơn ở trên. Nó sử dụng SASS với nhiều chức năng trợ giúp hơn những gì SASS và LESS tự cung cấp. Nó cũng bao gồm một khuôn khổ css tương tự như Twitter Bootstrap có tên Blueprint.

Với nhiều chức năng, tôi chắc chắn sẽ sử dụng La bàn cho tất cả các dự án sắp tới của tôi.
Nó cũng được tài liệu rất tốt! http://compass-style.org/reference/compass/

Và về .NET/hỗ trợ MVC3, hãy xem ở đây: http://thedevstop.wordpress.com/2012/01/08/integrating-the-compass-css-framework-into-visual-studio/
Tôi đã không thử nó bản thân mình, nhưng nó có vẻ như là giải pháp tốt nhất mà tôi đã nhìn thấy cho đến nay.

TL; DR
Tôi muốn nói Compass là con đường để đi!

+0

Chỉ cần thử nghiệm spriting với Compass. Đó là loại cách mạng hóa cho quy trình phát triển! Không thể quay lại bất kỳ điều gì khác ngay bây giờ :) – Frexuz

2

Khung Bootstrap của Twitter khá phổ biến và dựa trên LESS. Tôi đã kiểm tra repo github của nó, và nó dường như có ít nhất hai lần hoạt động của Compass, và nhiều người ủng hộ dự án. Chỉ cần một cái gì đó để được nhận thức, bạn sẽ rất có thể được OK với bất cứ điều gì bạn chọn, cả hai dường như rất vững chắc.

+2

Bootstrap đã chuyển sang Sass kể từ v4: http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/ –

Các vấn đề liên quan