Список записей с тегом: CSS

Простой пример. Как прижать футер к низу окна браузера при использовании Bootstrap

Без лишних слов, сразу к коду.

Прогресс бар прокрутки страницы

Простой пример реализации прогресс бара (индикатора) прокрутки страницы.

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

Bootstrap. Выравниваем блоков (колонок) по высоте

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

Ниже будет реализован пример выравнивания по высоте нескольких блоков (колонок) по высоте в Twitter Bootstrap.

Красивая анимация для иконки меню

Очень интересный эффект для иконки меню. Изначально иконка меню имеет классический вид "гамбургер", при нажатии на иконку он становиться крестиком при этом используется эффект анимации "ниндзя" при превращении иконки. Анимация повторяется в обратном порядке при нажатии на крестик (значок закрытия), которая превращает его в исходную иконку и закрывает меню.

jQuery, новогодняя гирлянда на сайт

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

Bootstrap 3. Добавляем иконки и кнопки социальных сетей

Кнопки с иконками социальных сетей на основе Bootstrap и шрифта Awesome

Кнопка "Наверх" на сайт с функцией возврата

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

Приступим к реализации кнопки "вверх/вниз" на сайте.