Kiểm tra mức độ responsive của template

Mình có ghé qua blog của bác Tiến admin của blog VNBlogspot.Com thấy một công cụ rất hữu ích mang tên Smart Responsive Tester và muốn chia sẻ với những bạn thích thiết kế blog/website. Đọc tiếp nội dung bên dưới để hiểu rõ hơn mục đích của công cụ hữu ích này. Xin cảm ơn bác Tiến rất nhiều!

Lời Giới Thiệu Của Tác Giả

Tiến Nguyễn

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.

Test ngay bây giờ?


Launch the tool
4 Comments
Comments

4 comments

ếang nhà em chơi phát bác ơi,chúc mừng bác có tên miền mới
14/1/13
Cảm ơn đã ghé thăm và comments :))
Test theo link http://trollvlhcv.googlecode.com/svn/trunk/smart-responsive-tester.html
thì "Không thể phân giải địa chỉ DNS của máy chủ."
Test theo link http://bloggeritems.com/tools/smart-responsive-tester-for-web-designers
thì OK
Thank
http://copythuthuat.blogspot.com/
Vấn đề ở đây là bạn không cần thiết phải nhập cả http:// bởi tiện ích sẽ tự thêm vào cho bạn :cuoi

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->