jquery
(23)
Простий спосіб додавання 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 для чайників ч.3 - обробка помилок
Вступна та минула стаття допомогли нам освоїти основи роботи з jQuery - ми розглянули типи даних, створення змінних, аспекти роботи з селекторами, також розібрали основні події: Click, Hover і ToggleClass. Сьогодні мова піде про: Нагалодження (дебаг...
Codeguida · 09 лютого 2021 · 2
jQuery для чайників ч.2 - події
В минулій статті, ми почали розгляд основ jQuery, навчилися визначати типи даних та працювати з селекторами. Проте, вміти вибирати елементи на сторінці - це дуже добре, але ще краще - знати як з ними працювати. Сьогодні ми розглянемо саме цей аспект....
Codeguida · 20 січня 2020 · 10
VenoBox
Основною перевагою VenoBox є те, що він обчислює максимальну ширину зображення на екрані і зберігає його висоту, якщо воно вище вікна (в невеликих пристроях ви можете прокрутити вміст вниз, уникаючи мікроскопічного масштабування зображення). Використ...
Codeguida · 24 вересня 2020 · 2
Зміна 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
Адаптивне меню з допомогою CSS3 та jQuery
В цьому уроці ми створимо адаптивне меню за допомогою CSS3 і JQuery. Ось як це виглядатиме (перейдіть на Codepen та пограйтеся з шириною сторінки): {full-post-img} HTML Ми обертаємо все в nav елемент з класом nav-bar. Далі створюємо div з класом nav...
Codeguida · 27 грудня 2021 · 24
Як використовувати Device Orientation API
Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо. Одним з ключових API для мобільних пристроїв є Device Orientation API. Device Orientation API доп...
Codeguida · 03 листопада 2020
Ajax без jQuery
Я, як і більшість, познайомився з jQuery задовго до того, як vanilla JavaScript. Я був впевнений, що базових знань jQuery буде достатньо для веб- дизайну. Але з часом я зрозумів важливість звичайного JavaScript. Коли я до цього прийшов, я повністю пе...
Codeguida · 04 лютого 2021 · 3
Що робить інтернет повільним: дослідження продуктивності JavaScript
Компанія CatchJS опублікувала дослідження про те, що може сповільнювати інтернет і які фактори та помилки з цим пов'язані. Дослідники опрацювали мільйон найпопулярніших сторінок в інтернеті та позначили кожну помилку і кожен URL. При цьому враховувал...
Codeguida · 30 грудня 2020
Підбірка з 15 корисних jQuery плагінів
1\. stroll.js - CSS3 scroll effects Stroll.js є CSS3 плагіном для додавання ефектів до прокрутки, який працює на всіх браузерах з підтримкою CSS 3D transforms. 2\. jQuery Hex Colorpicker Hex Colorpicker - простий та легкий jQuery плагін, створений д...
Codeguida · 09 серпня 2021 · 9
Відео на фоні з CoverVid
Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...
Codeguida · 06 листопада 2021 · 2