Web Scripts

Топ 5 сниппетов для JQuery

Часто бывает так, что приходиться использовать одни и те же скрипты, для одних и тех же проблем для своих сайтов. Для этого я приготовил 5 топовых скриптов, которые можно использовать почти каждый раз Топовые сниппеты для ваших сайтов Все 5 сниппетов я добавил в codepen, чтобы вы могли наглядно посмотреть их работу, а теперь разберем […]

  • 15-12-2017
  • 463
  • 0

Web Scripts

Как сделать автоскролл к элементу

Иногда нужно сделать так, чтобы при нажатии на кнопку или на ссылку, был плавный скролл к определенному элементу на сайте или как в примере, к заголовку. А что если таких элементов на сайте много? Можно обойтись коротеньким скриптом, который я сейчас опишу Автоскролл к элементу HTML Для начало создадим основной блок, в котором будет большой […]

  • 14-12-2017
  • 620
  • 0

Web Scripts

Как подключить SCSS

SCSS – это некий слэнг языка SASS, который больше приближен к обычному CSS. Если вы никогда не пользовались препроцессором для CSS, то перейти на SCSS не составит проблем Что такое SCSS? SCSS это код, который очень похож на CSS, но чтобы он работал, нужно через специальную RUBY программу конвертировать в обычный CSS. У SCSS есть […]

  • 13-12-2017
  • 3088
  • 0

Web Scripts

Кнопки поделиться (share) в социальных сетях

Наверно одно из не мало важных вещей на сайте, это кнопки поделиться в социальных сетях. Почему это важно? Потому что с каждым днем количество сайтов увеличивается и с каждым днем пробиться в топ в поисковиках все сложнее. Если вашими страницами будут делиться в социальных сетях, то поисковики воспринят, что сайт полезный и позиции в выдаче […]

  • 13-12-2017
  • 1642
  • 0

Web Scripts

Как скрыть блок при клике за его пределами?

Часто ли вам приходилось делать всплывающие блоки? Думаю что часто, но так же должна быть возможность скрыть этот блок, крестик это безусловно хорошо, но было бы хорошо, если при клике за пределом всплывающего блока он скрывался Скрываем окно по клику снаружи Пример: Как видно на примере, когда мы кликаем по кнопкам, появляются блоки и чтобы […]

  • 12-12-2017
  • 947
  • 0

Web Scripts

Фиксированный блок во время скролла

Предположим у вас есть вертикальные кнопки социальных сетей, с помощью которых посетители могут поделиться вашим контентом или сайдбар с полезной информацией. И во время скролла пользователь может пропустить или проскроллить и не заметить эти кнопки и нужную информацию в сайдбаре Блок становится фиксированным во время скролла Пример: Как видно на примере, слева есть контент, а […]

  • 11-12-2017
  • 1655
  • 1

Web Scripts

Как поменять два блока местами?

Пару раз сталкивался с тем, что надо поменять 2 блока местами при нажатии на кнопку или при определенной ширине. Для этого в первую очередь нужно подключить jquery. Пример: Разбор кода: Создаем кнопку, при нажатии будет срабатывать наш скрипт и создаем пару блоков, внутри блоков пишем заголовок и рандомный текст ( для удобства подключаем bootstrap ). […]

  • 11-12-2017
  • 2153
  • 0