Полезная информация / Адаптивный дизайн

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

Bootstrap 4.0.0  Alpha CDN

Версия Bootstrap 4.0.0, Вы можете скачать файлы плагина бутстрап 4 в виде раздельных приложений или подключить используя ссылки на CDN хранилище.



Проверить микроразметку

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




Открыть ссылку в фрейме

Сделано описание как открыть одну или несколько ссылок в фрейме, ссылки переключают iframe на отображение разных адресов страниц, показано демо практического использования.



Приложение VT View Source

Используя бесплатное приложение VT View Source Вы сможете открыть исходный код страницы сайта в устройствах типа планшета или мобильного телефона с системой Андроид.




Создание скриншотов - SSmaker

Бесплатная программа с помощью которой Вы сможете сделать скриншот страниц в интернете. Дополнительно можно сделать скриншот целиком всей страницы сайта по высоте.



@media картинка свойства css

Правило @media поможет сделать дизайн элементов адаптивным к изменению размера дисплеев и мониторов, описаны основные возможности свойства CSS, приведены примеры применения для устройств Retina.



Применение атрибута role в HTML

Использовано подробное описание всех значений role в HTML документе, узнайте что это за атрибут, зачем его надо применять для элементов вёрстки сайта и как правильно определить место установки.



Проверка сайта на адаптивность

Предоставляем Вам окунутся в тему тестирования сайта на адаптивность, предлагаем проверить его онлайн, в браузерах Mozilla Firefox и Google Chrome на способность работать в любых разрешениях дисплеев.