Когда-то давно просматривать сайты можно было только одним способом способ — на экране персонального компьютера.
Смартфоны и мобильные устройства еще не существовали. При создании веб-сайта вам приходилось беспокоиться лишь о том, как он выглядит на компьютере в разных браузерах. Теперь, согласно данным Statcounter.com, все больше людей используют свои телефоны, чем их настольные компьютеры, чтобы просматривать Интернет.
Поэтому мы должны убедиться, что все наши веб-сайты работают и хорошо смотрятся на всех устройствах, от самого большого монитора до самого маленького телефона. Такая техника сайтостроения получила название — адаптивный (responsive) дизайн. Это означает, что дизайн может «подстраиваться» под любое устройство, на котором его просматривают. Вы всегда можете проверить, насколько отзывчив сайте, вручную изменив ширину окна вашего браузера и посмотрев, как дизайн выглядит большой и малой шириной.
Создание действительно отзывчивого веб-сайта предполагает много планирования на этапе проектирования, чтобы предусмотреть, как сайт будет выглядеть на всех устройствах. Во время написания кода сайта применяются специальные медиа-запросы, которые определяют ширину экране посетителя и подстраивают под неё стили web страницы.
Что такое фреймворки?
Фреймворки помогут вам быстро создать адаптивный веб-сайт. В них уже организована адаптивная верстка и структура страниц. Вы можете сэкономить много времени, если примените адаптивную среду, такую как Bootstrap или Zurb Foundation.
Красота этих фреймворков заключается в том, что они поставляются с предварительно настроенными CSS и JavaScript. Они упрощают работу по созданию страниц с помощью элементов предварительной стилизации, таких как заголовки и кнопки, колонки, формы и т.д. Фрейворки поставляются с компонентами JavaScript (по существу небольшими плагинами), такими как модальные всплывающие окна и панели навигации.
Поскольку вы используете уже протестированный продукт, а значит это упростит создание и наладку вашего сайта.
Единственное наше предостережение в том, что вы не должны слишком зависеть от фреймворков и к каждому сайту подходить индивидуально, создавая новые стили и применяя свежие интересные решения.
