Полная информация по созданию сайтов с адаптивным дизайном

Когда речь идет об адаптивном веб - дизайне я подразумеваю о сайты трансформеры. Когда в одном у вас создается сайт, который работает гибко и на рабочем столе ПК и на мобильном телефоне.
Адаптивный веб-дизайн по-прежнему довольно новое понятие, которое очень популярно сейчас, он заполнил свободную нишу.

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

В настоящее время существуют десятки мониторов с разным разрешением. Веб- дизайнеры создают отзывчивые интерфейсы, что бы они отображались на больших и маленьких экранах. Я хочу тоже внести свой вклад в это не легкое дело и рассказать о полезных инструментах создания адаптивного дизайна.

Нужно удалить особое внимание CSS так как можно прописать условия и при открытии одной и той же страницы на разных устройствах браузер будет обращаться именно к заданным файлам CSS.
Но если у вас уже есть сайт и при переделывании его содержимое может серьезно пострадать, тогда лучше создать мобильную версию в дополнение к полной, нежели ломать существующий хорошо построенный каркас.
Во время создания адаптивного дизайна я заметила интересную особенность в строении меню. Так как на обычном разрешении экрана оно горизонтальное, тогда на мобильном его прячут в одну кнопку при нажатии, на которую меню выдвигается полностью или выпадает списком.

В случаях строения вертикального меню, как и следовало ожидать (мониторы обычно более горизонтальные, в то время как телефоны более вертикальные). Очевидно есть ландшафтный режим для планшетов и смартфонов, но сам макет изменяется, что бы соответствовать более приятному виду. И меню выстраивается также и на мобильных платформах