jquery
(23)
jQuery для чайників ч.3 - обробка помилок
Вступна та минула стаття допомогли нам освоїти основи роботи з jQuery - ми розглянули типи даних, створення змінних, аспекти роботи з селекторами, також розібрали основні події: Click, Hover і ToggleClass. Сьогодні мова піде про: Нагалодження (дебаг...
Codeguida · 09 лютого 2021 · 1
jQuery для чайників ч.1 - типи даних та селектори
Вирішили спробувати себе у front-end розробці? Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа для кожного фронтендера. Настав час дізнатися, як це працює і почати створювати інтерактивні веб-сайти. Цей пост розповість Вам про вс...
Codeguida · 06 жовтня 2020 · 35
Використовуємо jQuery правильно
Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jquery/jquery.min.js"></script> <script src="//aj...
Codeguida · 13 січня 2021 · 10
jQuery 3.0 і майбутнє веб-розробки
Через 8 років з часу першого релізу, jQuery став важливою частиною сучасного вебу. Популярна крос-платформена бібліотека стала розгалужена та переплетена з численними веб-сайтами, інструментами для розробників і самим JavaScript також. Наступною схо...
Codeguida · 12 липня 2020
Пишемо слайдер для порівняння зображень
При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Якщо ви переглянете сторінку Sony Ultra HD TV, ви по...
Codeguida · 23 лютого 2021 · 6
Підбірка з 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
jQuery для чайників ч.2 - події
В минулій статті, ми почали розгляд основ jQuery, навчилися визначати типи даних та працювати з селекторами. Проте, вміти вибирати елементи на сторінці - це дуже добре, але ще краще - знати як з ними працювати. Сьогодні ми розглянемо саме цей аспект....
Codeguida · 20 січня 2020 · 10
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовуваному в базі даних, щоб ідентифікувати відповідні...
Codeguida · 3 роки тому · 11
Адаптивне меню з допомогою CSS3 та jQuery
В цьому уроці ми створимо адаптивне меню за допомогою CSS3 і JQuery. Ось як це виглядатиме (перейдіть на Codepen та пограйтеся з шириною сторінки): {full-post-img} HTML Ми обертаємо все в nav елемент з класом nav-bar. Далі створюємо div з класом nav...
Codeguida · 27 грудня 2021 · 22
Гід по оптимізації веб-сторінок та додатків
Коли справа доходить до продуктивності, ми не маємо права примушувати користувачів чекати і залишити веб-сторінку з негативними враженнями. Оптимізація є основою професійного створення сайту. Що визначає швидкість сторінки? Можна виділити наступні пу...
Codeguida · 27 червня 2021 · 37
Показ YouTube відео вбудованого за допомогою iframe в модальному вікні
Показ YouTube відео вбудованого за допомогою iframe в модальному вікні Нам, звісно ж, потрібна буде бібліотека jQuery і, оскільки модальні вікна ми самі робити не будемо бо ліниві, то візьмемо додаток до jQuery спеціально для цього створений. fancyBo...
Codeguida · 3 роки тому · 28
Запити AJAX в Rails 5.1 з або без jQuery
* Починаючи з версії 5.1 з базового пакету Rails було прибрано залежності jQuery. Хоча він і досі використовує jQuery для обробки функцій JS, проте зараз має власну бібліотеку rails-ujs яка отримала подібний функціонал. Зазвичай JQuery використовувал...
Codeguida · 24 жовтня 2017 · 7