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

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

Продолжить

Интерактивное взаимодействие с корзиной на CSS и jQuery

Мы привыкли к стандартному поведению кнопки "добавить в корзину". Стандартное уведомление пользователя о том, что элемент был добавлен в корзину, и предоставление ссылки, перехода к оплате.

Продолжить

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

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

Продолжить

Урок MODx Revolution для начинающих. Использование Wayfinder для создания меню

В этом уроке мы воспользуемся шаблоном 7 in 1 Business Success Site Theme купленного на ThemeForest, конечно вы можете использовать любой другой шаблон, на свое усмотрение. В этой статье мы посмотрим на конкретный компонент - Wayfinder и при помощи него добавим на наш сайт динамическое меню.

Продолжить

Необычная анимация SVG букв на CSS и anime.js

Необычная анимация SVG букв на CSS и anime.js

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

Продолжить

Почему дизайнеры и веб-разработчики должны работать вместе

Прежде всего, это здравый смысл. Но слишком часто случается, что эти люди работают не вместе, на одном и том же самом проекте. Дизайнер работает над созданием внешнего вида элементов, цветовой палитры и типографики, в то время как разработчики программируют и подготавливают материал для публикации на сайте. И это может вызвать раздор между дизайнером и разработчиком, так и в самой концепции веб-сайта.

Продолжить

Уникальный дизайн сайтов интерьера и экстерьера

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

Продолжить

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

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

Продолжить

Создание шаблона для Anchor CMS

В этом уроке я покажу вам как создать собственный шаблон для Open Source проекта - CMS Anchor. Anchor супер простая, легкая и быстрая система управления контентом. Вы можете скачать её с официального сайта Anchor CMS, а также можете найти несколько бесплатных шаблонов.

Продолжить

Вход

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