jquery
(23)
jQuery для чайників ч.1 - типи даних та селектори
Вирішили спробувати себе у front-end розробці? Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа для кожного фронтендера. Настав час дізнатися, як це працює і почати створювати інтерактивні веб-сайти. Цей пост розповість Вам про вс...
Codeguida · 06 жовтня 2020 · 35
VenoBox
Основною перевагою VenoBox є те, що він обчислює максимальну ширину зображення на екрані і зберігає його висоту, якщо воно вище вікна (в невеликих пристроях ви можете прокрутити вміст вниз, уникаючи мікроскопічного масштабування зображення). Використ...
Codeguida · 24 вересня 2020 · 2
Скрол-анімація за допомогою JQuery
Що таке скрол-анімація та ефекти? Скрол-анімація та ефекти - це нова, але вже добре знана техніка, яка дає front-end розробникам можливість створювати гарні інтерактивні веб-інтерфейси. Щоб розпізнати, коли користувач прокручує сторінку, ми використо...
Codeguida · 10 серпня 2020 · 20
Зміна SVG іконок
Метод №1: сховати/показати SVG елемент Включаємо обидві іконки: <a class="expand-link" href="#0"> <svg class="icon icon-expand" viewBox="0 0 32 32"><use xlink:href="#icon-expand"></use></svg> <svg class="icon icon-contract" viewBox="0...
Codeguida · 15 липня 2020 · 43
jQuery 3.0 і майбутнє веб-розробки
Через 8 років з часу першого релізу, jQuery став важливою частиною сучасного вебу. Популярна крос-платформена бібліотека стала розгалужена та переплетена з численними веб-сайтами, інструментами для розробників і самим JavaScript також. Наступною схо...
Codeguida · 12 липня 2020
Простий спосіб додавання CSS анімації до переходів між сторінками
Радий з вами поділитися цікавим та дуже простим jQuery плагіном Аnimsition. Animsition дає можливість додавати до посилань CSS анімацію при переході. Animsition має 18 різних анімацій: Зникнення `fade-in, fade-out, fade-in-up, fade-out-up, fade-in-do...
Codeguida · 03 червня 2020 · 52
Показ YouTube відео вбудованого за допомогою iframe в модальному вікні
Показ YouTube відео вбудованого за допомогою iframe в модальному вікні Нам, звісно ж, потрібна буде бібліотека jQuery і, оскільки модальні вікна ми самі робити не будемо бо ліниві, то візьмемо додаток до jQuery спеціально для цього створений. fancyBo...
Codeguida · 3 роки тому · 28
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовуваному в базі даних, щоб ідентифікувати відповідні...
Codeguida · 3 роки тому · 11
jQuery для чайників ч.2 - події
В минулій статті, ми почали розгляд основ jQuery, навчилися визначати типи даних та працювати з селекторами. Проте, вміти вибирати елементи на сторінці - це дуже добре, але ще краще - знати як з ними працювати. Сьогодні ми розглянемо саме цей аспект....
Codeguida · 20 січня 2020 · 10
Запити AJAX в Rails 5.1 з або без jQuery
* Починаючи з версії 5.1 з базового пакету Rails було прибрано залежності jQuery. Хоча він і досі використовує jQuery для обробки функцій JS, проте зараз має власну бібліотеку rails-ujs яка отримала подібний функціонал. Зазвичай JQuery використовувал...
Codeguida · 24 жовтня 2017 · 7
Керівництво по Fetch – зручний заміні XMLHttpRequest
Кожен раз, коли ми отримуємо або відправляємо дані за допомогою JavaScript, ми використовуємо Ajax. Ajax — це технологія, що дозволяє виконувати HTTP-запити без необхідності перезавантажувати сторінку. Зауважте, що для прикладів ми будемо використову...
Codeguida · 6 років тому · 13