Bạn có thể đề xuất CSS Framework (hoặc UI Framework) cho các ứng dụng web doanh nghiệp không? [đóng cửa]

Có CSS ​​Framework nào cố gắng cung cấp cho các ứng dụng kinh doanh, cụ thể không?

Tôi đã xem giao diện người dùng Mocha dựa trên MooTools. Mặc dù vậy, thành thật mà nói, tôi muốn tránh giao dịch với Javascript và Moo (hoặc jQuery / jQuery UI). Tôi có xu hướng tin rằng hầu hết những gì bạn cần cho một ứng dụng web đơn giản có thể được xử lý bằng CSS mà không cần các mod Javascript.

Nhiều CSS được đánh bóng nhằm mục đích viết blog hoặc nhu cầu xuất bản web khác với nhu cầu UI của ứng dụng kinh doanh. Có vẻ như đây phải là một vấn đề mà ai đó đã giải quyết, nhưng tôi dường như không thể tìm ra giải pháp.

Hy vọng của tôi sẽ là các giải pháp được đề xuất sẽ là bất khả tri ngôn ngữ (làm việc với PHP, ASP, CF, v.v.). Tuy nhiên, nếu có một khung bắt nguồn từ một ngôn ngữ xử lý giao diện người dùng theo nghĩa rất "đã hoàn thành", thì tôi sẽ quan tâm đến việc đó, ngay cả khi nó có nghĩa là áp dụng một khung bắt buộc sử dụng một máy chủ cụ thể- ngôn ngữ phụ.

Mục tiêu của tôi không phải là đi MVC, chỉ cần có một số CSS đẹp mắt sẽ phù hợp với một ứng dụng.

BOUNTY: Tôi quyết định bắt đầu trả tiền cho câu hỏi này vì tôi nghĩ rằng phải có một số "điểm khởi đầu" hữu ích (được nêu tối thiểu) của CSS hướng đến các ứng dụng web, với sở thích của tôi là họ hy vọng:

1. nền tảng độc lập hoặc chứa các nền tảng dev khác nhau và
2. miễn phí hoặc gần như miễn phí (như, không phải $ 1000 cho bộ sưu tập các điều khiển)

Ví dụ "truyền cảm hứng": (chơi chữ cố ý, xin lỗi) Tôi đã tìm thấy một công ty phát triển trang web của nhà thờ đã xuất bản Thư viện mẫu thiết kế và Tiêu chuẩn mã rất hấp dẫn, nhưng dường như chỉ có thể sử dụng cho những người phát triển trang web của nhà thờ bằng cách sử dụng phần mềm như là một dịch vụ (?). Bất kể, CSS và đồ họa bổ sung không dành cho tiêu dùng công cộng.

Tôi đồng ý với câu trả lời trước đó (Chris Lively và Lèse majestè). Và tôi cũng tìm thấy các liên kết bạn cung cấp rất mát mẻ.

Nhưng hãy đi đến câu trả lời của tôi. Tôi nghĩ bạn nên làm nó theo cách riêng của bạn. Có rất nhiều tài nguyên bạn có thể sử dụng. Tôi sẽ trích dẫn của tôi.

Trong khi tôi đang phát triển khung và trình tạo riêng của mình, nhu cầu phải có khung UI trở nên rõ ràng, do đó tất cả các lớp và id trên các mẫu HTML đều được tạo tự động.

Sau đó, sau khi nghiên cứu các mẫu dấu phẩy mà tôi đã sử dụng, tôi đã tạo tiện ích UI UI CSS của riêng mình (cũng như một số tiện ích JS). Điểm mấu chốt trong cách tiếp cận của tôi là sử dụng nhiều lớp khác nhau.

.required, .relaxed, .warning, .error, .success ,.

về phía HTML:

Ngoài ra, nó được triển khai trên 960 lưới và có nhiều tiện ích khác, như bộ dụng cụ @ font-face. Trong thực tế, điều này dẫn tôi chỉ với một vài công việc. Thêm các lớp chính xác và có thể thực hiện một số điều chỉnh nhỏ cho từng dự án.

Cùng với nhiều lớp, điểm cốt lõi khác là đảm bảo mọi thứ được liên kết với một lược đồ đen trắng xám, hoạt động với các opacity. Điều này là để giảm các thay đổi mã cần thiết cho từng dự án, do đó mỗi dự án thường có lược đồ màu riêng.

Vấn đề là "kết thúc" có nghĩa là những thứ khác nhau cho những người khác nhau.

Có thể bạn muốn một đường viền nhỏ đẹp mờ dần xung quanh các yếu tố đầu vào của bạn sau khi chúng đã được lấy nét. Có thể bạn muốn tất cả các yếu tố đoạn văn của bạn có lề 4 pixel. Hoặc có thể bạn muốn đảm bảo rằng tất cả các nút có văn bản màu xanh với cảm giác bóng.

Bạn thấy đấy, không có giải pháp duy nhất. Tất cả đều là vấn đề về thiết kế và hương vị mà không có nghĩa là giống nhau đối với mọi người VÀ tiếp tục phát triển. Web 2.0 mang đến cho chúng tôi phông chữ lớn hơn, hộp lớn hơn để nhập và thiếu các menu thả xuống lồng nhau (rất may). Ai biết được các chuyên viên máy tính UI sẽ tìm ra gì cho "3.0" ... Dù đó là gì đi nữa, hy vọng nó sẽ khác hoàn toàn như nội dung 2.0 từ các trang web từ những năm 90.

Một số công nghệ như WPF, Flash và Silverlight tồn tại, một phần, để mang lại cảm giác hoàn toàn khác cho một trang web. Nhưng, một lần nữa, đây chỉ là những điểm khởi đầu để cho phép sự sáng tạo của chính bạn phát huy. Giao diện người dùng jQuery và Giao diện người dùng Mocha thuộc cùng một loại.

Bây giờ, tùy thuộc vào công nghệ phụ trợ mà bạn đang sử dụng, có các nhà cung cấp điều khiển (như telerik và DevExpress ), những người cung cấp giao diện cho các thư viện điều khiển của họ và họ là một cách tuyệt vời để kết hợp một thứ gì đó thực sự trông khá tốt.

Tôi ngạc nhiên, không ai đề nghị kế hoạch chi tiết cho đến bây giờ. Tốt! đây chỉ là một khung CSS có thể làm giảm nỗ lực thiết kế của bạn.

[Tháng 10 năm 2013]

Bây giờ một ngày các khung Foundation và Bootstarp không hoạt động để phát triển web. Họ cho phép bạn thiết kế các trang web đáp ứng.

Giao diện người dùng Mocha và Giao diện người dùng jQuery là các thư viện Giao diện người dùng JavaScript, có mục đích rất khác với mục đích của khung CSS. Tôi không nghĩ rằng bạn sẽ tìm thấy một khung CSS có thể làm những gì các thư viện đó làm.

Thứ nhất, UI không chỉ là thẩm mỹ hay thiết kế trực quan; nó bao gồm một tập hợp các hành vi và tương tác được xác định. Đó là lý do tại sao JavaScript là cần thiết để tạo thư viện UI như Mocha UI hoặc YUI. CSS không có khả năng tự tạo các widget UI phong phú. Đó là lý do tại sao các ứng dụng không phải là AJAX không có UI rất phong phú.

Một điều khác là, ngay cả khi bạn chỉ quan tâm đến một bộ đồ họa UI được đóng gói sẵn, tính thẩm mỹ của UI phải phù hợp với thiết kế web mà nó được đặt vào. Vì vậy, ngoài việc tạo mẫu nhanh, sẽ không được sử dụng nhiều cho một "chủ đề" UI đóng gói sẵn. Đó là lý do tại sao hầu hết các thư viện UI JavaScript cho phép bạn tùy chỉnh giao diện của các thành phần UI mà chúng đi kèm. Và điều đó liên quan đến việc chỉnh sửa hình ảnh bên cạnh các kiểu CSS.

Vì những lý do này, hầu hết các khung CSS là các khung để viết CSS, không phải các khung UI mà bạn có thể thả vào một ứng dụng để làm cho nó trông đẹp hơn. Các khung như vậy chắc chắn có thể làm cho việc viết CSS cho các ứng dụng lớn trở nên dễ quản lý hơn, nhưng cuối cùng bạn vẫn cần một nhà thiết kế UI và lập trình viên front-end để thiết kế và triển khai UI.

Bây giờ, nếu bạn đang sử dụng một CMS phổ biến, bạn có thể tải xuống hoặc mua một chủ đề cho nó. Nhưng tôi biết không có khung làm chủ đề / skinning CSS nào có thể được sử dụng trong một ứng dụng tùy chỉnh. Bên cạnh đó, hầu hết các ứng dụng web dành cho doanh nghiệp đều có UI được thiết kế tùy chỉnh không phải là các chủ đề được xây dựng trước.

Điều đó nói rằng, những gì bạn có thể làm là làm những gì nhiều nhà thiết kế UX và nhà thiết kế tương tác làm. Đó là, xây dựng thư viện UI tùy chỉnh toàn công ty (hoặc có một thư viện được tạo cho bạn) mà tất cả các ứng dụng của bạn sẽ sử dụng. Điều này sẽ đảm bảo rằng tất cả các ứng dụng của bạn có giao diện "chữ ký" thống nhất được liên kết với thương hiệu của bạn. Và nó tiết kiệm cho các nhà phát triển front-end của bạn thời gian phải viết lại các kiểu UI cho mỗi ứng dụng.

Là một khung bất khả tri về ngôn ngữ và tự do, luôn có việc sử dụng khung La bàn hoạt động rất tốt cùng với ngôn ngữ Sass , điều này sẽ giúp CSS của bạn trở nên hữu dụng và dễ sử dụng hơn rất nhiều.

Nếu bạn đang sử dụng Linux, có thể dễ dàng cài đặt qua rubygems (lưu ý rằng bạn không cần biết gì về ruby, tôi viết PHP và sử dụng Sass - hiện được gọi là Scss cho Sass3) mặc dù có thể dễ dàng truy cập nền tảng khác cũng vậy, nhưng tôi chưa kiểm tra.

Tôi sử dụng Bootstrap , nó thật tuyệt vời.