Главная > Разное > Некоторые инструменты для «отзывчивого» веб-дизайна

Некоторые инструменты для «отзывчивого» веб-дизайна

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

отзывчивый дизайн



SimpleGrid. Простая сетка, название говорит само за себя. Каждый хороший отзывчивый дизайн начинается с твердой сетки, которая определяет, какой контент будет сворачиваться, уменьшаться в размерах, или переводиться вниз страницы, когда размер экрана становится меньше. Такой прием можно использовать при верстке больших таблиц, например, таблиц сравнения единиц товара. Есть ряд интересных инструментов для достижения этого, но SimpleGrid является одним из лучших. Система предназначена для работы с базовыми, CSS управляемыми рамками, и может быть использована для создания базовой сетки с шестью колонками. Благодаря встроенным CSS классам и хорошей документации, разработчики считают, что SimpleGrid является лучшей базой, на которой можно построить мобильный, адаптивный и отзывчивый дизайн.

Modernizr. Отзывчивый дизайн требует совместимости браузера с последними CSS и JavaScript технологиями, но многие браузеры просто не поддерживают эти вещи. Например, Internet Explorer даже не поддерживал стандарт CSS3 до версии 10, впрочем, и у конкурентов, таких как Safari, Chrome, Firefox, и Opera эта поддержка была реализована не намного раньше. Целью Modernizr является обнаружение несовместимости современных веб-стандартов и реализацией кода для получения визуально идентичного дизайна, у пользователей старых браузеров. Это, пожалуй, самое передовое решение для этой цели, и Modernizr присутствует практически на всех сайтах с отзывчивым дизайном в настоящее время.

Читайте также:

Прокомментируете вышенаписанное?

* обозначены обязательные для заполнения поля