Как использовать Sass Mixins

Sass - невероятный инструмент разработки, который повышает производительность с легкостью решает сложные CSS задачи. В сегодняшней статье мы поговорим о Sass Mixins (примесях), и ответим на вопросы - что, зачем и как это использовать?

Продолжить

Создание полноэкранного меню на CSS3 и jQuery

В этом уроке мы создадим полноэкранное навигационное меню с помощью HTML, CSS3 и пары строк jQuery скриптов. Для этого урока мы будем использовать Google Fonts, в частности шрифт Montserrat. Убедитесь, что вы заранее подключили его.

Продолжить

Вертикальное и горизонтальное центрирование с помощью CSS Flexbox

В вопросе о горизонтальном центрировании нет ничего особенного, вы делали это множество раз. Но как насчет вертикального центрирования контента? В этом уроке вы узнаете, как Flexbox решает эту проблему с минимальными усилиями.

Продолжить

Верстка адаптивной сетки новостей на Flexbox

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

Продолжить

Автоматическое скрытие навигации при скролле на CSS и jQuery

Автоматическое скрытие навигации стало довольно популярным приемом в последнее время, в частности, на мобильных устройствах. Идея довольно простая, но эффективная: по умолчанию навигация будет находиться в верху страницы, затем при прокрутке страницы, автоматически скрываем её, чтобы предоставить больше пространства для основного контента. Если пользователь прокручивает вверх, мы интерпретируем такое поведение как желание получить доступ к навигации, и снова отображаем её в верху страницы.

Продолжить

Радиальный SVG слайдер

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

Продолжить

Загрузка элементов сетки при помощи CSS анимации

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

Продолжить

Создание страницы модулей при помощи PureCSS и SMACSS

Сегодня мы создадим красивую, модульную страницу с использованием фреймворка PureCSS от разработчиков Yahoo!. Также мы поговорим о принципах SMACSS (масштабируемая модульная архитектура для CSS).

Продолжить

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.