Kiểm tra mức độ Responsive của template với SRT

Mức độ đáp ứng (Responsive) trong các mẫu thiết kế là một trong những đặc điểm quan trọng để đánh giá giá trị của thiết kế đó. Ngày nay, r...

Mức độ đáp ứng (Responsive) trong các mẫu thiết kế là một trong những đặc điểm quan trọng để đánh giá giá trị của thiết kế đó. Ngày nay, responsive là một yêu cầu gần như hiển nhiên cho mọi thiết kế.

Đễ hỗ trợ các bạn nào thường hay thiết kế template responsive, Tiến đã viết một công cụ gọi là "Smart Responsive Tester" (SRT).

Đến với SRT, sau khi bấm nút "Launch the tool", các bạn chỉ việc nhập vào địa chỉ web/blog muốn test và bấm "Test".

Trên menu test sẽ hiển thị các kích cỡ màn hình thông dụng hiện nay và phần trăm phổ biến của chúng (cập nhật đầu năm 2013) để giúp các bạn dễ dàng quyết định thiết kế của mình sẽ đáp ứng phần lớn cho kích cỡ nào.

Với SRT, các bạn còn có thể test với hiệu ứng xoay thiết bị. Nghĩa là sau khi click chọn một kích cỡ thì các bạn click thêm lần nữa để hoán đổi kích thước (phản ánh tương tự như xoay iPhone nằm ngang).

Đặc biệt, các bạn có thể click nút "Share" thể copy và chia sẻ test của mình với mọi người, như chia sẻ với khách hàng hoặc bạn đọc chẳng hạn, để chứng mình rằng thiết kế của bạn là responsive.

Nhược điểm đáng chủ ý của SRT là chưa hỗ trợ IE (có lẽ tại Tiến dùng CSS3), tuy nhiên, SRT lại tương thích với hầu hết các trình duyệt phổ biến hiện nay như Opera, Safari, FF, Chrome,... 

"Một người thiết kế giỏi là một người không bao giờ bỏ lỡ một công cụ tốt". Chúc các bạn luôn có những template để đời cho bạn đọc của bạn.