NộI Dung
Đôi khi, web đi vào quá trình phát triển vượt bậc và những cách thức hoạt động hoàn toàn mới nhanh chóng khiến các kỹ thuật hiện có trông cổ xưa. Đối với các ứng dụng có chu kỳ nâng cấp dài, điều này có thể là một thách thức, nhưng như đã lưu ý trong bài đánh giá Creative Bloq’s Dreamweaver CS6, Adobe đã thành công trong việc nắm bắt các kỹ thuật thiết kế hiện đại với bản sửa đổi mới nhất cho công cụ phát triển web phổ biến của mình.
Thay đổi quan trọng trong Dreamweaver CS6 là một mẫu bố cục lưới linh hoạt, cho phép các nhà thiết kế xây dựng các trang web đáp ứng theo cách trực quan và xem trước trang web trong ba chế độ xem khác nhau (máy tính để bàn, máy tính bảng, thiết bị di động). Có một bảng điều khiển Chuyển tiếp CSS mới, cung cấp một cách nhanh chóng để tạo các hiệu ứng chuyển tiếp và có những sự thúc đẩy phát triển thiết bị di động thông qua các công cụ để làm việc với PhoneGap và jQuery Mobile.
Nhà thiết kế web Stuart Long nói với .net rằng bản cập nhật sẽ cung cấp cho những người tạo trang web phản hồi tốt hơn, nhanh hơn liên quan đến mã mà họ đang làm việc và mẫu linh hoạt với kích thước đặt trước sẽ “tăng thêm tốc độ cũng như cung cấp cho bạn độ chính xác hơn có nghĩa là nhận được tất cả các kích thước thiết bị, thay vì tự thiết lập các kích thước này theo cách thủ công ”. Anh ấy nói thêm rằng bảng điều khiển Chuyển đổi CSS được hoan nghênh: “Có vẻ như đây là một công cụ hoạt động tốt để viết mã ở cấp độ này. Sau khi viết một vài trang có chuyển tiếp, thật khó khăn khi phải hoán đổi giữa trình duyệt và xem trước thường xuyên, và vì vậy, việc giữ nó ở một nơi sẽ dễ dàng hơn nhiều. ”
Tạo bố cục đáp ứng
Tác giả David Powers, nhà văn của một số cuốn sách Dreamweaver, cũng say mê về bố cục lưới linh hoạt mới: “Nó được lấy cảm hứng từ 'Thiết kế web đáp ứng' của Ethan Marcotte, nhưng trong khi Ethan liên tục lấy máy tính của mình ra để tính ra phần trăm chiều rộng và lề đối với các phần tử của trang, Dreamweaver sẽ tự động làm điều đó cho bạn. Tất cả những gì bạn cần làm là thêm div bố cục lưới linh hoạt vào trang và bạn có thể kéo để thay đổi kích thước và gắn nó vào lưới. "
Powers nói với chúng tôi rằng anh ấy chắc chắn rằng những người gièm pha Dreamweaver sẽ “nghi ngờ việc sử dụng mì Ý hoặc mã độc quyền”, nhưng họ đã sai: “Sự khác biệt duy nhất giữa div thông thường và div bố cục lưới linh hoạt là Dreamweaver tự động tạo thêm hai quy tắc kiểu bổ sung cho bố cục div trong các truy vấn phương tiện riêng biệt. Thực tế là bạn có thể thay đổi kích thước các div và gắn chúng vào lưới khiến việc xây dựng một bố cục đáp ứng đơn giản trở thành một miếng bánh ”.
Tuy nhiên, Powers cho biết có một số hạn chế đối với tính năng mới, đặc biệt là việc xử lý các truy vấn phương tiện, tất cả đều nằm trong một biểu định kiểu duy nhất. Anh ấy nói với chúng tôi rằng điều này khiến chúng tôi khó xác định được trong toàn bộ bảng điều khiển CSS Styles của Dreamweaver, quy tắc nào cần chỉnh sửa cho một bố cục cụ thể. Ông nói thêm rằng các quy tắc kiểu cũng dài dòng - "Mỗi quy tắc có một khai báo cho các thuộc tính display, float, clear, width và margin-left, ngay cả khi giá trị được kế thừa." - bạn không thể gắn bất kỳ phần tử HTML nào vào thanh lưới một div và thật khó để lồng các phần tử để tạo bố cục phức tạp hơn cho máy tính để bàn.
Bất chấp những vấn đề này, Powers cho rằng Adobe đã có một khởi đầu tuyệt vời: “Nó đơn giản và trực quan để sử dụng và nó tạo ra các bố cục đáp ứng chỉ bằng cách sử dụng mã tuân thủ tiêu chuẩn”. Và những người liên hệ của anh ấy tại Adobe cho biết mô hình đăng ký Creative Cloud mới sẽ cho phép cập nhật thường xuyên hơn, có thể thấy các cải tiến về bố cục lưới linh hoạt trước cuối năm nay.
