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

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

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

    14 декабря 2020 г.     0     2156     Алиса Ставко         CSS, Bootstrap, HTML, HTML5    

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

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

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

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

    12 августа 2016 г.     2     1199     Алиса Ставко         HTML, jQuery, CSS    

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

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

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

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

    16 июня 2016 г.     8     1889     Алиса Ставко         Bootstrap, CSS, jQuery    

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

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

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

    18 февраля 2016 г.     1     1034     Алиса Ставко         HTML, HTML5, JavaScript, CSS    

    Подробнее...
  • jQuery, новогодняя гирлянда на сайт

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

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

    29 декабря 2015 г.     0     1880     Алиса Ставко         jQuery, HTML5, JavaScript, CSS, украшение, decoration, holidays    

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

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

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

    2 декабря 2015 г.     12     2442     Yehor Rykhnov         Bootstrap, HTML, HTML5, CSS    

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

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

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

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

    20 октября 2015 г.     10     1497     Yehor Rykhnov         CSS, HTML, JavaScript, jQuery, widget    

    Подробнее...