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 KM250V của Viettel – Free gọi và nhắn tin nội mạng

Gói cước KM250V của Viettel là gói cước ưu đãi về các cuộc gọi thoại nội mạng cũng như là tin nhắn nội mạng. Nếu bạn thường xuyên phải gọi và nhắn tin nội mạng thì hãy dăng ký cho mình gói cước KM250V để có thể tiết kiệm chi phí đi nhé. Đăng ký gói cước KM250V bạn sẽ nhận ngay 1500 phút gọi nội mạng kèm theo đó là 400 tin nhắn nội mạng miễn phí đối với mức giá chỉ có 250.000đ.

Đăng Ký Gói KM250V Viettel Free 1500 Phút Gọi Nội Mạng

Với những khách hàng thường xuyên phải liên lạc với khách hàng qua điện thoại vừa gọi điện, vừa nhắn tin thì đăng ký gói cước KM250V Viettel là sự lựa chọn phù hợp. Để khám phá gói cước KM250V cùng Viettel tham khảo bài viết này nhé!

Thông tin chi tiết gói cước KM250V của Viettel

Tên gói cước: KM250V
Giá gói cước: 250.000đ
Ưu đãi gọi nội mạng: 1500 phút
Ưu đãi tin nhắn nội mạng: 400SMS
Hạn sử dụng: 30 ngày kể từ khi đăng ký

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

Thuê bao di động Viettel phải đang hoạt động 2 chiều tại thời điểm đăng ký gói cước
Tài khoản gốc có đủ 250.000đ để thanh toán cước phí
Thuê bao trả trước theo danh sách ưu đãi tham gia đăng ký gói KM250V của Viettel.

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

Để đăng ký gói cước KM250V bạn có thể nhắn tin theo cú pháp:

KM250V 123456789 gửi 9123

Chú thích:

KM250V là tên gói cước
123456789 là số máy của đại lý được nhà mạng ủy quyền
9123 là tổng đài tiếp nhận các gói cước đước đăng ký qua đại lý

Hoặc bạn có thể đăng ký bằng cách click và “Đăng ký qua SMS” bên trên

Thông tin hỗ trợ khi đăng ký gói cước KM250V của Viettel

Để kiểm tra ưu đãi data tốc độ cao miễn phí còn lại của gói cước, quý khách soạn tin nhắn theo cú pháp: KTTK gửi 191.
Nếu không có nhu cầu tiếp tục sử dụng gói cước, quý khách có thể chủ động hủy gia hạn gói cước KM250V Viettel bằng cách soạn tin nhắn theo cú pháp: HUY gửi đến 191, sau đó soạn: Y gửi 191 để xác nhận. Sau khi hủy gói cước thì những ưu đãi còn lại vẫn được bảo lưu và sử dụng được đến hết chu kỳ đã đăng ký.

Mong rằng với bài viết hướng dẫn về cách đăng ký gói cước KM250V Viettel sẽ giúp bạn nhanh chóng đăng ký và kích hoạt thành công gói cước và nhận ngay các ưu đãi hấp dẫn từ gói cước khuyến mãi này nhé!

Miễn phí 1500 phút gọi nội mạng + 400SMS nội mạng 250.000đ 30 ngày