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.

Đăng ký gói cước F120 Viettel-Nhận ngay ưu đãi siêu khủng

Đăng ký gói cước F120 Viettel

Gói cước F120 là gói cước được rất nhiều người quan tâm đến bởi gói cước có ưu đãi cực lớn cũng như phí đăng ký lại cực rẻ chỉ 120.000đ được sử dụng trong 30 ngày mà không phát sinh thêm chi phí khác.

Với mức phí chỉ 120.000đ trong 1 lần đăng ký mà sử dụng được trong 30 ngày bạn đã có 7Gb tốc độ cao, bạn còn được miễn phí các cuộc gọi nội mạng dưới 10 phút chưa hết bạn có 40 phút gọi ngoại mạng khi đăng ký thành công. Không phải lo phát sinh khi vượt gói cước vì khi sử dụng hết 7Gb tốc độ cao gói cước tự động ngưng kết nối. Gói cước F120 quá tuyệt vời phải không các bạn chúng ta cùng đi tìm hiểu thông tin và cách đăng ký của gói cước ngay thôi.

Thông tin chi tiết về gói cước F120 Viettel

Tên gói: F120

Cước phí: 120.000đ/1 lần đăng ký

Thời gian sử dụng:30 ngày

Ưu đãi lưu lượng: 7Gb tốc độ cao

Miễn phí: Các cuộc gọi nội mạng dưới 10 phút

Miễn phí: 40 phút gọi ngoại mạng

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

Các bạn chỉ cần soạn tin nhắn theo cú pháp sau là có thể đăng ký gói cước F120 Viettel

F120 123456789 gửi 9123

Hoặc các bạn cũng có thể đăng ký qua tổng đài 191 Viettel bằng cách soạn tin nhắn theo cú pháp Tên gói cước gửi 191

Khi đăng ký gói cước cần lưu ý điều gì?

Khi đăng ký tài khoản chính của các bạn phải lớn 120.000đ
Thuê bao cần phải nhận được tin nhắn mời đăng ký từ tổng đài Viettel
Gói cước sẽ tự động gia hạn khi hết chu kỳ
Kiểm tra lưu lượng data còn lại soạn KTTK gửi 191
Hủy gia hạn gói cước: HUY gửi 191
Hủy toàn gói cước soạn: HUYDATA gửi 191

Gói cước F120 quá nhiều ưu đãi phải không các bạn còn chần chừ gì nữa mà không đăng ký ngay thôi!

7GB Tốc độ cao; Miễn phí nội mạng: <10 phút; Miễn phí ngoại mạng: 40 phút 120.000đ 30 ngày