jquery
(23)
Запити AJAX в Rails 5.1 з або без jQuery
* Починаючи з версії 5.1 з базового пакету Rails було прибрано залежності jQuery. Хоча він і досі використовує jQuery для обробки функцій JS, проте зараз має власну бібліотеку rails-ujs яка отримала подібний функціонал. Зазвичай JQuery використовувал...
Codeguida · 24 жовтня 2017 · 9
Як використовувати Device Orientation API
Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо. Одним з ключових API для мобільних пристроїв є Device Orientation API. Device Orientation API доп...
Codeguida · 03 листопада 2020
VenoBox
Основною перевагою VenoBox є те, що він обчислює максимальну ширину зображення на екрані і зберігає його висоту, якщо воно вище вікна (в невеликих пристроях ви можете прокрутити вміст вниз, уникаючи мікроскопічного масштабування зображення). Використ...
Codeguida · 24 вересня 2020 · 2
Відео на фоні з CoverVid
Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...
Codeguida · 06 листопада 2021 · 2
Ajax без jQuery
Я, як і більшість, познайомився з jQuery задовго до того, як vanilla JavaScript. Я був впевнений, що базових знань jQuery буде достатньо для веб- дизайну. Але з часом я зрозумів важливість звичайного JavaScript. Коли я до цього прийшов, я повністю пе...
Codeguida · 04 лютого 2021 · 3
Простий спосіб додавання CSS анімації до переходів між сторінками
Радий з вами поділитися цікавим та дуже простим jQuery плагіном Аnimsition. Animsition дає можливість додавати до посилань CSS анімацію при переході. Animsition має 18 різних анімацій: Зникнення `fade-in, fade-out, fade-in-up, fade-out-up, fade-in-do...
Codeguida · 03 червня 2020 · 52
Анімація без jQuery ч.1
Існує помилкове переконання серед web-розробників, що CSS-анімації - єдиний ефективний спосіб створення анімацій для web. Цей міф має примусив багатьох девелоперів відмовитися від JavaScript-анімацій. Це є великим недоліком, тому що: потрібно керув...
Codeguida · 05 вересня 2021 · 6
Що робить інтернет повільним: дослідження продуктивності JavaScript
Компанія CatchJS опублікувала дослідження про те, що може сповільнювати інтернет і які фактори та помилки з цим пов'язані. Дослідники опрацювали мільйон найпопулярніших сторінок в інтернеті та позначили кожну помилку і кожен URL. При цьому враховувал...
Codeguida · 30 грудня 2020
Зміна 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 · 44
jQuery для чайників ч.4 - функції
В першій статті, ми почали розглядати основи jQuery - типи даних і селектори; Далі, ми дізналися про події jQuery; В минулій статті, ми навчилися оброблювати помилки; Сьогодні, ми поговоримо про: Як запустити функцію; Як передати дані в функцію; Як...
Codeguida · 29 квітня 2021 · 18
Скрол-анімація за допомогою JQuery
Що таке скрол-анімація та ефекти? Скрол-анімація та ефекти - це нова, але вже добре знана техніка, яка дає front-end розробникам можливість створювати гарні інтерактивні веб-інтерфейси. Щоб розпізнати, коли користувач прокручує сторінку, ми використо...
Codeguida · 10 серпня 2020 · 20