В чём разница между резиновой, адаптивной и отзывчивой вёрсткой? Как правильно их применять? Давайте разберёмся в отличиях подходов и попробуем сформулировать один общий вместо трёх. Когда мобильного веба не было даже в самых смелых фантазиях, весь интернет был на десктопных компьютерах с небольшими экранами. Оптимизирован для разрешения 1024 на 768 и браузера Internet Explorer 5! — гордо писали тогда на сайтах. Но прошло время, экраны подросли и пришлось к этому как-то подстраиваться. Сначала это...

Для удобства чтения готового сайта на различных устройствах предусмотрена гибкая верстка, а не фиксированная, как было раньше. Компоненты «резиновой» конструкции приспосабливаются к тому или иному размеру экрана. Метод реализуется посредством разметки, задающейся в процентах. Так получается два варианта «резинового» макета, лишь один из которых выполнен в пикселях. Но в смартфоне картина будет выглядеть все-таки еще не очень хорошо. Для решения проблемы сайты делают на адаптивном типе макета, создающемся с помощью сетки...

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

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

Резиновая верстка – это метод создания веб-страниц, при котором их внешний вид автоматически подстраивается под разные размеры экрана. Такая верстка позволяет пользователям комфортно просматривать сайт на различных устройствах. Есть два типа резиновой верстки на Тильде – это window-container и autoscale: Autoscale — это функция, которая позволяет масштабировать блок на всю ширину экрана. При этом пропорционально растягиваются все элементы сайта (фото, шрифты, кнопки и т.д.). Window Container — это...