Открыть меню    

Реализовано на SASS

Реализовано на SASS

Эта заметка о том, почему SASS лучше LESS. Если вы ищите объективное исследование о том, почему sass предпочтительнее less, можете обратиться к статье sass vs less. В данной же заметке приведены важные особенности SASS, которые не реализованы в LESS.

Читать полностью
Зачем использовать em в css

Зачем использовать em в css

Долгое время я задавал размер шрифта (font-size) лишь в пикселях. Сейчас я полностью переключился на em. Мое сознание поменялось. Почему? Я наконец нашел весьма убедительные причины, которые я постараюсь изложить чуть ниже.

Читать полностью
Свойство CSS3 box-sizing

Свойство CSS3 box-sizing

Свойство CSS3 box-sizing позволяет сделать то, что мы хотим. Значение border-box (в отличие от значения по умолчанию content-box) позволяет включить значения отступов и границ (но не полей) в общее значение свойства width или height.

Читать полностью
Отзывчивый веб-дизайн: макеты и медиа-запросы

Отзывчивый веб-дизайн: макеты и медиа-запросы

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

demo Читать полностью
Форматирование блоков в CSS: вертикальное и горизонтальное

Форматирование блоков в CSS: вертикальное и горизонтальное

В статье приведены основные моменты по горизонтальному и вертикальному форматированию блоков в CSS. Если вам какой-либо пункт показался непонятным, попробуйте реализовать его на практике. Также оставляйте комментарии, при необходимости смогу привести скрин или код по любому нижеприведенному тезису.

Читать полностью
Адаптивное меню

Адаптивное меню

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

demo Читать полностью
Вещи, которые вы можете делать с checkbox hack

Вещи, которые вы можете делать с checkbox hack

Все мы знаем, что "Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст".

demo Читать полностью