jquery (23)

Скрол-анімація за допомогою JQuery

Що таке скрол-анімація та ефекти? Скрол-анімація та ефекти - це нова, але вже добре знана техніка, яка дає front-end розробникам можливість створювати гарні інтерактивні веб-інтерфейси. Щоб розпізнати, коли користувач прокручує сторінку, ми використо...

Codeguida · 10 серпня 2020 · 20

Керівництво по Fetch – зручний заміні XMLHttpRequest

Кожен раз, коли ми отримуємо або відправляємо дані за допомогою JavaScript, ми використовуємо Ajax. Ajax — це технологія, що дозволяє виконувати HTTP-запити без необхідності перезавантажувати сторінку. Зауважте, що для прикладів ми будемо використову...

Codeguida · 6 років тому · 13

Використовуємо jQuery правильно

Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jquery/jquery.min.js"></script> <script src="//aj...

Codeguida · 13 січня 2021 · 10

Гід по оптимізації веб-сторінок та додатків

Коли справа доходить до продуктивності, ми не маємо права примушувати користувачів чекати і залишити веб-сторінку з негативними враженнями. Оптимізація є основою професійного створення сайту. Що визначає швидкість сторінки? Можна виділити наступні пу...

Codeguida · 27 червня 2021 · 38

jQuery для чайників ч.1 - типи даних та селектори

Вирішили спробувати себе у front-end розробці? Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа для кожного фронтендера. Настав час дізнатися, як це працює і почати створювати інтерактивні веб-сайти. Цей пост розповість Вам про вс...

Codeguida · 06 жовтня 2020 · 35

Показ YouTube відео вбудованого за допомогою iframe в модальному вікні

Показ YouTube відео вбудованого за допомогою iframe в модальному вікні Нам, звісно ж, потрібна буде бібліотека jQuery і, оскільки модальні вікна ми самі робити не будемо бо ліниві, то візьмемо додаток до jQuery спеціально для цього створений. fancyBo...

Codeguida · 3 роки тому · 28

Динамічні географічні карти з SVG і JQuery

Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовуваному в базі даних, щоб ідентифікувати відповідні...

Codeguida · 3 роки тому · 11

Пишемо слайдер для порівняння зображень

При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Якщо ви переглянете сторінку Sony Ultra HD TV, ви по...

Codeguida · 23 лютого 2021 · 6

jQuery для чайників ч.4 - функції

В першій статті, ми почали розглядати основи jQuery - типи даних і селектори; Далі, ми дізналися про події jQuery; В минулій статті, ми навчилися оброблювати помилки; Сьогодні, ми поговоримо про: Як запустити функцію; Як передати дані в функцію; Як...

Codeguida · 29 квітня 2021 · 17

Анімація без jQuery ч.1

Існує помилкове переконання серед web-розробників, що CSS-анімації - єдиний ефективний спосіб створення анімацій для web. Цей міф має примусив багатьох девелоперів відмовитися від JavaScript-анімацій. Це є великим недоліком, тому що: потрібно керув...

Codeguida · 05 вересня 2021 · 6

jQuery 3.0 і майбутнє веб-розробки

Через 8 років з часу першого релізу, jQuery став важливою частиною сучасного вебу. Популярна крос-платформена бібліотека стала розгалужена та переплетена з численними веб-сайтами, інструментами для розробників і самим JavaScript також. Наступною схо...

Codeguida · 12 липня 2020

Запити AJAX в Rails 5.1 з або без jQuery

* Починаючи з версії 5.1 з базового пакету Rails було прибрано залежності jQuery. Хоча він і досі використовує jQuery для обробки функцій JS, проте зараз має власну бібліотеку rails-ujs яка отримала подібний функціонал. Зазвичай JQuery використовувал...

Codeguida · 24 жовтня 2017 · 7