TYPE YOUR LINK AND PRESS ENTER

How it works

Add your URL to the input field
Click GO (reloads the preview) or press Enter (reloads the page)
Admire your good work

Features

http://localhost/ works so it's great for taking screenshots of local development URLs
Send someone a link with your site already embeded by using ?url=http://www.yoursite.com - example
Rearrange and reorder the devices by clicking and dragging on the device

I'm alwasy trying to improve the tool so please tweet me your feedback on bugs and suggestions.

About Am I Responsive

A time saving exercise by @justinavery for RWD Weekly Newsletter

I take a lot of screen shots of the various device breakpoints for responsive design and it takes a while to prepare them. This tools allows me to get what I need quickly, and hopefully it can be helpful for showing your more visual clients what you mean by responsive design when a suite of products isn't at the ready.

This is not a tool for testing, it is really important that you do that on real devices. This instead is a tool for quick screenshots (for me) and to visually allow people to “get” what you mean in client meetings.

Viewports

Desktop: 1600x992px scaled down to scale(0.3181)
Laptop: 1280x802px scaled down to scale(0.277)
Tablet: 768x1024px scaled down to scale(0.219)
Mobile: 320x480px scaled down to scale(0.219)

A note on the viewports

The viewports I have chosen are based on the devices that were a part of the responsive PSD layout I previously bought, and yes they are all Apple. Apologies to all the Android fans out there, I'm sure a few of you have the “Android has a bigger market share” argument in mind but although you're right I just didn't have that suite of images when I started. If there's enough of a desire I could do a suite of other products, but I'm just not sure if adding those will improve the basic function of the tool.

Updates

23/02/13 Updated the instructions to explain how to embed your site in a link and how to move and reorder the devices.
23/02/13 Updated the iFrame background color to be #fff because if it isn't set on the previewed site you see device image instead.
11/02/13 Added a check to remove a # at the end of a URL, it was upsetting the layout.
10/02/13 Updated so that pressing enter after adding a url will use the ?url get variable to update the iframes. This also means that you could share a link like http://ami.responsivedesign.is?url=http://www.thegreatdiscontent.com and it will load it up, helpful for emailing clients.
09/02/13 Added jQuery UI for the ability to drag the elements around the page. Remember that the
's are more than the visible image so you might need to play around a bit with where you can click. Thanks Tim.
09/02/13 update the layout to be responsive across devices (even though it was just a tool for screenshots), although the iframes are WAY taller on tablet and iphone then they should be, still need to fix that... thanks @silentritual @amberweinberg.
09/02/13 Scroll bars removed from tablet and mobile, cheers @benbrignall.

Gói cước D200 của Viettel – Ưu đãi 20GB data tốc độ cao

Gói cước D200 của Viettel là gói cước dang rất hot hiện nay, chỉ với 200.000đ bạn có thể nhận ngay 20GB data tốc độ cao sử dụng 30 ngày kể từ khi đăng ký. Đặc biệt khi hết data tốc độ cao cáo bạn vẫn có thể tiếp tục truy cập gói cước thoải mái mà không nó phát sinh thêm bất ký 1 chi phí gì với tốc độ thường. Như vậy khách hàng có thể thỏa mái đọc báo, xem phim, nghe nhạc thỏa mái chỉ cần có sóng là truy cập được. Để có thể đăng ký sử dụng quý khách hãy đọc kỹ những thông tin dưới đây nhé!

Đăng ký gói D200 Viettel cho Dcom nhận ngay Data khủng

Khi sử dụng gói cước D200 Viettel dành cho Dcom 3G, người dùng sẽ được thoải mái truy cập mạng phục vụ công việc hoặc giải trí không giới hạn trong vòng một tháng trên máy tính hoặc ipad mà không phải lo cước phí. Cùng tìm hiểu ngay về gói cước 4G cho Dcom Viettel vô cùng hấp dẫn này nhé.

Thông tin chi tiết về gói cước D200 của nhà mạng Viettel

Tên gói cước: D200
giá gói cước: 200.000đ
Ưu đãi data: 20GB data tốc độ cao
Hết data tốc độ cao truy cập với tốc độ thường
Hạn sử dụng: 30 ngày kể từ khi đăng ký

Điều kiện để đăng ký gói cước D200 của Viettel

Thuê bao của bạn phải là thuê bao Dcom

Thời điểm đăng ký gói cước trong tài khoản chính của bạn ít nhất phải có 200.000đ

* Lưu ý: Tại một thời điểm thuê bao Dcom chỉ được sử dụng một gói cước, vì thế khi đăng ký gói cước D200 thành công thì gói cước đang sử dụng trước đó tự động hủy và thay bằng gói cước D200

Hướng dẫn đăng ký gói cước D200 của Viettel

Để đăng ký gói cước D200 của Viettel bạn click vào “Đăng ký qua SMS” bên trên

Hoặc soạn tin theo cú pháp:

D200 123456789 gửi 9123

Thông tin hỗ trợ đăng ký sử dụng gói cước D200 của Viettel

Soạn KTTK gửi 191 để kiểm tra thường xuyên lưu lượng data tốc độ cao miễn phí còn lại của gói.

– Nên tắt mạng di dộng và khởi động lại thiết bị sau khi đăng ký thành công để cước phí truy cập được tính vào data gói.

– Gói cước có tính năng tự gia hạn mỗi khi sang chu kỳ mới, nên nếu không muốn tiếp tục dùng gói hãy thao tác hủy bằng cú pháp: HUY gửi 191

Với ưu đãi tuyệt vời lên đến 20GB data tốc độ cao trong tài khoản, mọi thao tác check mail, lướt web hay chơi game online… trên máy tính, iPad sẽ được giải quyết nhanh gọn bằng gói cước D20 Viettel. Chỉ với 200.000đ/tháng, hãy ghi nhớ và đăng ký dùng ngay gói cước hấp dẫn này nhé.

20GB tốc độ cao 200.000đ 30 ngày