Есть какой то туториал по созданию такого предпросмотра сайта?

Question

[Hyubert]

Никак не могу найти, сам пробовал разобраться но не выходит

Суть его - когда нажимаешь на иконку , то поле вывода динамические изменяет размер

Answer 1

[Денис Инешин]

А в чем у вас собственно проблема то? Делается так:
1. Создаем адаптивный сайт
2. Создаем оболочку с кнопочками переключения
3. В центре оболочки помещаем iframe с нашим адаптивным сайтом. Обрамленный силуэтом девайса
4. При нажатии на кнопчочки размеров - меняем размер iframe-а + силуэт устройства
5. Profit!

Демо: https://jsfiddle.net/IonDen/ee77ndLv/

Comments

[Денис Инешин]

https://jsfiddle.net/IonDen/ee77ndLv/ - демо

[Hyubert]

Денис Инешин: спасибо я уже разобрался

[Hyubert]

Денис Инешин: а какая разница между методом data и attr ?

[Денис Инешин]

data специализированный метод для работы именно с data-атрибутами.