Анимированный логотип

Я постоянно продолжаю совершенствовать свой интернет магазин (чего не скажешь о блоге, но ему это и не нужно), и сегодня я расскажу вам как я делал анимированный логотип – Крутящиеся шестеренки позади буквы R.

Пример вы можете посмотреть на моем сайте – https://robom.ru или на следующей гифке.

А теперь подробнее о том, как я это делал.

Читать далее “Анимированный логотип”

Фиксированная правая колонка

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

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

Сейчас все чаще встречаются решение либо привязать эту колонку к верху страницы (CSS – position:finxed; top:0px), либо, если есть какая-то красивая шапка, решение на JS – во время скролла страницы колонка привязывается к верху только если ее верхняя часть уходит за пределы экрана.

Очень даже неплохое решение, и достаточно простое.

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

Читать далее “Фиксированная правая колонка”

Смена изображений

Как-то раз, ползая по всемирной сети, я наткнулся на очень интересный скрипт галереи фотографий. Ссылку на этот скрипт давно подзабыл, но сама идея очень уж понравилась и осталась в подсознании.
И вот настало время для создания нового сайта и я вспомнил про эту очень даже интересную и нестандартную галерею (простые затухания и съезжания уже приелись) но не смог найти.
Чтобы было понятно о чем я – вот скриншот ее работы

Скриншот во время работы галереи

Читать далее “Смена изображений”