HTML/CSS được tạo hỗn hợp đang chạy trong trình duyệt?

Question

Có ai có may mắn khi sử dụng Blend cho Visual Studio 2011 Beta để tạo trang web không? Tôi là một nhà thiết kế đến từ việc sử dụng Blend để tạo ra các giao diện người dùng dựa trên XAML và freaking ra rằng có thể không có một số trình soạn thảo WYSIWYG rực rỡ như Blend cho web ra khỏi đó: P Tôi đã -hoping- Tôi có thể thiết kế hầu hết mọi thứ trong Blend và sau đó chỉ cần đưa nó ra khỏi nhà phát triển để làm code-behind của họ trong bất cứ điều gì họ sử dụng địa ngục. Blend có tạo ra nhiều thứ cụ thể của IE10/Windows 8 trong việc đánh dấu/tạo kiểu hay nó là một công cụ khá chuẩn mà nó tạo ra?

Chúc mừng, Nick

Answer 1

HTML authoring trong Blend hiện đang tập trung vào việc tạo ra các ứng dụng Metrostyle dành cho Windows 8 trong HTML và CSS, không phải trên các ứng dụng chạy trong các trình duyệt. Nền tảng HTML/CSS/JavaScript của Windows cơ bản, tất nhiên, rất tuân thủ các tiêu chuẩn, và do đó là các chỉnh sửa Blend và tạo ra HTML và CSS dựa trên các tiêu chuẩn.

Dưới đây là một vài điểm quan tâm: • Bề mặt thiết kế Blend sử dụng cùng trình kết xuất được sử dụng cho các ứng dụng Windows 8 khi chạy (tức là, IE10). Thời gian chạy ứng dụng Windows có thể hiển thị mọi thứ khác với các trình duyệt khác, giống như các cách triển khai trình duyệt khác nhau có sự khác biệt của chúng. Nó vẫn là HTML và CSS chuẩn, nhưng việc chỉnh sửa WYSIWYG dựa trên hiển thị thời gian chạy ứng dụng Windows 8.

• Ứng dụng Windows 8 có thể ở các trạng thái chế độ xem khác nhau. Trong một ứng dụng đang chạy, hãy xem các nút chuyển trạng thái khiến truy vấn phương tiện và sự kiện phát sinh. Có công cụ đặc biệt trong Blend để mô phỏng trạng thái xem và độ phân giải/DPI chuyển đổi trên bề mặt thiết kế, cho trải nghiệm thiết kế chính xác.

• Các trang web thường có mục đích di chuyển các trang có chiều cao không giới hạn. Ngược lại, giao diện người dùng ứng dụng sẽ thường giả định chiều cao cố định, như được xác định bởi kích thước của màn hình của thiết bị mà ứng dụng đang chạy. Bề mặt thiết kế Blend được thiết kế để xây dựng ứng dụng.

• Chế độ tương tác chạy các ứng dụng dưới dạng ứng dụng Windows 8.

• Kết hợp không chỉnh sửa tệp HTML hoặc CSS rời, tệp này giả định tệp dự án. Các mẫu dự án được cung cấp dành cho các ứng dụng Windows 8.

• Trình chỉnh sửa thuộc tính CSS của Blend tập trung vào tập hợp thuộc tính CSS và các giá trị được hỗ trợ trong IE. Phần lớn các thuộc tính CSS và các giá trị thuộc tính có trong IE giống như ở mọi nơi khác, nhưng có một vài khác biệt nhỏ, giống như giữa các trình duyệt khác.

• Có một loạt các tính năng CSS được hỗ trợ trong IE 10 là các tiêu chuẩn được đề xuất nhưng chưa được hoàn thành. W3C yêu cầu các trình duyệt sử dụng tiền tố của nhà cung cấp cụ thể cho các thuộc tính và giá trị thuộc tính đó. Điều này bao gồm những thứ như CSS Grid, Flex box, Transitions và Transforms và nhiều thứ khác. Đối với các thuộc tính như vậy, Blend sẽ chỉ hiểu và tạo tiền tố cho nhà cung cấp cụ thể của Microsoft.

• Một phần của nền tảng Windows 8 HTML UI là bộ công cụ WinJS (chỉ là một thư viện JavaScript), cung cấp các điều khiển và các khối xây dựng hữu ích khác. Blend bao gồm các công cụ đặc biệt cho một số tính năng của WinJS, chẳng hạn như các điều khiển hoặc các đoạn. Việc sử dụng bất kỳ tính năng nào trong số này sẽ tạo ra sự đánh dấu dựa trên sự sẵn có của bộ công cụ WinJS, nhưng việc sử dụng WinJS tất nhiên là không bắt buộc.

Chúc mừng, Lori Dirks Blend Đội Cộng đồng PM