jquery (23)

Підбірка з 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

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

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

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

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

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

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

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

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

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

Ajax без jQuery

Я, як і більшість, познайомився з jQuery задовго до того, як vanilla JavaScript. Я був впевнений, що базових знань jQuery буде достатньо для веб- дизайну. Але з часом я зрозумів важливість звичайного JavaScript. Коли я до цього прийшов, я повністю пе...

Codeguida · 04 лютого 2021 · 3

jQuery для чайників ч.3 - обробка помилок

Вступна та минула стаття допомогли нам освоїти основи роботи з jQuery - ми розглянули типи даних, створення змінних, аспекти роботи з селекторами, також розібрали основні події: Click, Hover і ToggleClass. Сьогодні мова піде про: Нагалодження (дебаг...

Codeguida · 09 лютого 2021 · 2

VenoBox

Основною перевагою VenoBox є те, що він обчислює максимальну ширину зображення на екрані і зберігає його висоту, якщо воно вище вікна (в невеликих пристроях ви можете прокрутити вміст вниз, уникаючи мікроскопічного масштабування зображення). Використ...

Codeguida · 24 вересня 2020 · 2

Відео на фоні з CoverVid

Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...

Codeguida · 06 листопада 2021 · 2

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

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

Codeguida · 12 липня 2020

Як використовувати Device Orientation API

Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо. Одним з ключових API для мобільних пристроїв є Device Orientation API. Device Orientation API доп...

Codeguida · 03 листопада 2020

Що робить інтернет повільним: дослідження продуктивності JavaScript

Компанія CatchJS опублікувала дослідження про те, що може сповільнювати інтернет і які фактори та помилки з цим пов'язані. Дослідники опрацювали мільйон найпопулярніших сторінок в інтернеті та позначили кожну помилку і кожен URL. При цьому враховувал...

Codeguida · 30 грудня 2020