Vuejs Web Scripts

Как начать использовать Vue.js? – Методы, события

В прошлой записи мы разобрались с установкой всего необходимого для того, чтобы начать работать с vue.js. В этой записи мы напишем простое приложение, кнопку, при нажатии на которую будет меняться цвет фона родительского блока. С чего начать Открываем файл src/App.vue Это наш основной файл, в данном случае единственный в котором и будет все наше приложение. […]

  • 20-05-2019
  • 2517
  • 1

Vuejs Web Scripts

Топ вопросов, как что-то сделать на Vue.js (Быстрые ответы)

Быстрые ссылки, чтобы не искать Как на Vue.js вставить значение атрибута? Как добавлять и изменять классы на vue.js Как получить значение checkbox на vue.js Как добавить заготовленный html на vue.js Как использовать циклы на vue.js Как использовать условия на vue.js Как отключить кнопку (disabled) на vue.js События на vue.js Как на Vue.js вставить значение атрибута? […]

  • 03-01-2019
  • 6165
  • 1

Web Scripts

Адаптивный анимированный аккордеон HTML, CSS, JS

Что если вам надо сделать аккордион, не используя при этом стороние библиотеки? Нашел на просторах интернета очень классный вариант анимированного аккордиона на чистом JS Анимированный аккордеон HTML <div class=»accordion»> <dl> <dt> <a href=»#accordion1″ aria-expanded=»false» aria-controls=»accordion1″ class=»accordion-title accordionTitle js-accordionTrigger»>First Accordion heading</a> </dt> <dd class=»accordion-content accordionItem is-collapsed» id=»accordion1″ aria-hidden=»true»> <p>Lorem ipsum dolor sit amet, consectetur <a href=»https://www.google.com»>Test</a>adipiscing […]

  • 28-08-2018
  • 2444
  • 0

Web Scripts

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

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

  • 28-06-2018
  • 3362
  • 0

Web Scripts

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

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

  • 28-06-2018
  • 4230
  • 0

Web Scripts

Проверка полей при регистрации

Есть множество готовых решений, где можно проверить правильность E-mail и сложность пароля. Вот некоторые: validate.js, jquery-validation Но что если нужно по какой то причине, написать свой? Валидация формы HTML Кроме полей и кнопки отправить, добавим список ошибок, которые будут показываться, если пользователь не учел одно из наших правил. А также добавим скрытый блок, куда будем […]

  • 19-12-2017
  • 3346
  • 0

Web Scripts

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

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

  • 13-12-2017
  • 4946
  • 0