- А почему у вас в магазине черной икры не продают?
- Так спроса нет, видите, никто не спрашивает.
Есть
спрос, появится и предложение. Вот,
например, на руках у народа огромное
количество устройств с совершенно
разными размерами экранов, но при этом
все подключены к Интернет, хотя бы время
от времени. Значит, приходится делать
сайты, которые как-то видно на всех этих
экранах. Значит, нужны инструменты для
такого сайтостроительства.
Да
на здоровье.
Все это
называется «Responsive Web Design»
Responsive состоит
из следующих техник:
Резиновый
макет на основе пропорций (fluid grid)
Основная
идея — формула для вычисления пропорций
в процентах «target / context = result».
Резиновые
изображения (fluid images)
Подстраивают
свои размеры под блок родителя. Основная
идея в неочевидном применении свойства
{ max-width: 100% }.
Media queries
Нужны для
отображения макета, оптимизированного
под разрешение, с которого в данный
момент этот сайт смотрится. Это часть
стандарта CSS, которая позволяет применять
стили на основе информации о разрешении
устройства.
Mobile first
Это техника,
при которой сайт верстается сначала
для устройств с меньшими возможностями,
а затем с помощью media queries добавляются
возможности и плюшки
Как
обычно, вокруг мощного инструмента тут
же образовалось две непримиримые
тусовки. Одни чуть не молятся на RWD,
другие поливают его помоями. Среди
воплей адептов совершенно теряются
голоса разумных людей, пытающихся
донести простую мысль — дорога ложка
к обеду.
непохоже, чтобы Пластилин файв использовал эмуляторы устройств при рендеринге. Но как один из быстрых инструментов сойдет, спасибо за цынк.
ОтветитьУдалить