Эта заметка о том, почему SASS лучше LESS. Если вы ищите объективное исследование о том, почему sass предпочтительнее less, можете обратиться к статье sass vs less. В данной же заметке приведены важные особенности SASS, которые не реализованы в LESS.
Долгое время я задавал размер шрифта (font-size
) лишь в пикселях. Сейчас я полностью переключился на em
. Мое сознание поменялось. Почему? Я наконец нашел весьма убедительные причины, которые я постараюсь изложить чуть ниже.
Свойство CSS3 box-sizing
позволяет сделать то, что мы хотим. Значение border-box
(в отличие от значения по умолчанию content-box
) позволяет включить значения отступов и границ (но не полей) в общее значение свойства width
или height
.
Сегодня многие клиенты хотят сайт совместимый с мобильными устройствами, что наиболее перспективно. Создавать отдельную версию сайта под каждое устройство неразумно не только из-за огромного количества разнообразных девайсов, но и потому, что мы просто не имеем возможности предсказывать будущее. Вот тут и приходит на помощь концепция отзывчивого дизайна.
В статье приведены основные моменты по горизонтальному и вертикальному форматированию блоков в CSS. Если вам какой-либо пункт показался непонятным, попробуйте реализовать его на практике. Также оставляйте комментарии, при необходимости смогу привести скрин или код по любому нижеприведенному тезису.
Существует множество техник в адаптивном дизайне, чтобы приспособить навигацию сайта к маленьким экранам. Сегодня мы рассмотрим четыре основных техники, их преимущества и недостатки.
Все мы знаем, что "Тег <label>
устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>
, <select>
, <textarea>
). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст".
Совсем коротко о бэм
Примеры резиновых (эластичных) сеток, так называются сетки, которые изменяют свою ширину при изменении размеров окна браузера.