Web Scripts

Слайдер галерея для интернет магазина

В интернет магазинах часто можно увидеть слайдер галерею, где можно просмотреть фото товара с возможностью увеличить фото при наведении курсора. Это очень удобно для посетителя сайта, так как можно рассмотреть товар в деталях. Слайдер галерея Чтобы сделать такой слайдер, нам понадобиться следующее: jQuery Slick Slider Не будем изобретать велосипед, а возьмем готовый и быстрый слайдер, […]

  • 15-08-2018
  • 1182
  • 1

Web Scripts

Как сделать галерею со слайдером?

Галерея со слайдером, где вместо точек переключение слайда, которые обычно распологаются под блоком с основным слайдом, является картинка самого слайда. Т.е есть картинка, вы кликаете на нее и слайдер переключается. Так же есть возможность увеличить картинку или фотографию, если навести на нее курсор, при этом картинка будет перемещаться в зависимости от направлении курсора. Такой вариант […]

  • 28-06-2018
  • 915
  • 0

Web Scripts

Как подключить google map с отметками?

Часто в некоторых проектах, на странице о нас или связаться с нами, просят вставить google map с отметкой по их адресу. А бывает и так, что адресов несколько и соответственно отметок должно быть несколько. А что если отметки должны быть кликабельны и при нажатии должен всплывать текст? Google map с отметками Первое, что надо сделать, […]

  • 28-06-2018
  • 1557
  • 0

Уроки верстки

Урок 6 – Что такое JavaScript?

В прошлых уроках мы рассмотрели основные методы верстки страницы и даже немного уже поговорили о javascript. Сегодня мы рассмотрим более подробно. Что умеет Javascript? В первую очередь, javascript умеет отслеживать действия пользователя. К примеру, клик мыши или нажатие клавиши на клавиатуре, перемещение курсора, скролл. Менять стили, добавять\удалять HTML тэги, скрывать\показывать элементы Может посылать запросы на […]

  • 25-06-2018
  • 380
  • 0

Web Scripts

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

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

  • 15-12-2017
  • 463
  • 0

Web Scripts

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

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

  • 14-12-2017
  • 620
  • 0

Web Scripts

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

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

  • 12-12-2017
  • 947
  • 0

Web Scripts

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

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

  • 11-12-2017
  • 1655
  • 1