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.

Lướt web gọi điện thả ga với gói cước F120U Viettel

Nhu cầu sử dụng internet hiện nay là vô cùng thiết yếu không phân biệt từ già tới trẻ. Mọi người không phải lúc nào cũng có wifi để sử dụng vì vậy các bạn nên chọn cho mình 1 gói cước đăng ký 4G của Viettel để phục vụ công việc, liên lạc với mọi người, giải trí sau giờ làm việc căng thẳng. Hiện nay Viettel đã có rất nhiều gói cước đăng ký 4G với ưu đãi cực khủng. Một trong số đó là gói F120U của Viettel.Bài viết dưới đây Viettel xin giới thiệu cho các bạn thông tin chi tiết và cách đăng ký để mọi người tham khảo có thể đăng ký sử dụng gói cước F120U Viettel cực kỳ ưu đãi này.

Khi đăng ký thành công gói cước F120U Viettel các bạn nhận ngay 7Gb tốc độ cao giúp các bạn thoải mái xem phim giải trí, phục vụ cho công việc.Khi sử dụng hết 7Gb tốc độ cao các bạn vẫn có thể truy cập internet với tốc độ thông thường mà không bị phát sinh thêm chi phí. Còn nữa bạn còn được miễn phí các cuộc gọi nội mạng dưới 10 phút và nhận ngay 40 phút gọi miễn phí đến các nhà mạng khác khi đăng ký thành công.

Cách đăng ký gói cước F120u nhận ngay combo ưu đãi

Thông tin chi tiết của gói khuyến mãi F120U Viettel

Tên gói cước: F120U

Phí đăng ký: 120.000đ/1 lần đăng ký thành công

Thời gian sử dụng: 30 ngày tính từ ngày đăng ký thành công

Những ưu đãi khi đăng ký gói cước F120U Viettel

Khi đăng ký thành công có ngay 7Gb tốc độ cao khi sử dụng hết lưu lượng tốc độ cao truy cập với tốc độ thông thường.
Miễn phí các cuộc gọi nội mạng dưới 10 phút
Có 40 phút gọi ngoại mạng khi đăng ký thành công gói cước

Hướng dẫn đăng ký khi sử dụng gói cước F120U Viettel

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

F120U 123456789 gửi 9123

Trong đó:

F120U là tên gói cước
123456789 là số điện thoại của đại lý được Viettel ủy quyền
9123 là số tổng đài Viettel

Ngoài cách đăng ký trên các bạn còn có thể đăng ký theo các cách sau

Các bạn soạn tin nhắn theo cú pháp Tên gói cước gửi 191
Các bạn gọi *098# ok và làm theo hướng dẫn
Đăng ký qua ứng dụng My Viettel

Những lưu ý khi sử dụng gói cước F120U

Tài khoản gốc của các bạn phải lớn hơn 120.000đ
Khi hết chu kỳ gói cước tự đông gia hạn
Để kiểm tra lưu lượng data còn lại các bạn soạn tin nhắn theo cú pháp: KTTK gửi 191
Để hủy gia hạn gói cước các bạn soạn tin nhắn theo cú pháp HUY gửi 191
Khi các bạn không có nhu cầu sử dụng gói cước các bạn soan: HUYDATA gửi 191

Chỉ với cú pháp đơn giản các bạn đã có thể sử dụng gói cước F120U cực kỳ ưu đãi Viettel.Chúc các bạn đăng ký thành công gói cước !

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